/*
 * iForm Ant Design 6 token compatibility layer.
 *
 * This is a static visual reference layer. It intentionally does not import
 * Ant Design CSS or runtime code. Existing selectors continue to consume the
 * iForm variable names below so routes, DOM, and business behaviour remain
 * unchanged.
 */

:root {
    --ui-color-primary: #1677ff;
    --ui-color-primary-hover: #4096ff;
    --ui-color-primary-active: #0958d9;
    --ui-color-primary-bg: #e6f4ff;

    --ui-color-success: #52c41a;
    --ui-color-warning: #faad14;
    --ui-color-error: #ff4d4f;
    --ui-color-info: #1677ff;

    /* Cool neutral layout surface used by the light workbench shell. */
    --ui-color-bg-layout: #f5f5f7;
    --ui-color-bg-container: #ffffff;
    --ui-color-bg-elevated: #ffffff;
    --ui-color-bg-container-secondary: #fafafa;
    --ui-color-bg-control: #ffffff;
    --ui-color-bg-control-disabled: #f5f5f5;

    --ui-color-text: rgba(0, 0, 0, 0.88);
    --ui-color-text-secondary: rgba(0, 0, 0, 0.65);
    --ui-color-text-tertiary: rgba(0, 0, 0, 0.45);
    --ui-color-text-disabled: rgba(0, 0, 0, 0.25);
    --ui-color-text-on-primary: #ffffff;

    --ui-color-border: #d9d9d9;
    --ui-color-border-strong: #bfbfbf;
    --ui-color-split: #f0f0f0;

    --ui-control-height: 32px;
    --ui-control-height-sm: 24px;
    --ui-control-height-lg: 40px;
    --ui-touch-target: 44px;
    --ui-radius-control: 6px;
    --ui-radius-surface: 8px;
    --ui-radius-tag: 4px;
    --ui-radius-full: 9999px;

    --ui-space-unit: 4px;
    --ui-space-xs: 4px;
    --ui-space-sm: 8px;
    --ui-space-md: 16px;
    --ui-space-lg: 24px;
    --ui-space-xl: 32px;
    --ui-page-gutter: 24px;

    --ui-shadow-card: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
    --ui-shadow-popup: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    --ui-shadow-drawer: 6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);

    --ui-motion-fast: 100ms;
    --ui-motion-mid: 200ms;
    --ui-motion-slow: 300ms;
    --ui-motion-ease: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ui-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ui-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
    --ui-motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    --ui-motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ui-motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ui-motion-modal: 200ms;
    --ui-motion-modal-ease: var(--ui-motion-ease-out-circ);
    --ui-motion-popover: var(--ui-motion-fast);
    --ui-motion-popover-ease: var(--ui-motion-ease-out);
    --ui-motion-status: var(--ui-motion-mid);

    /* Existing iForm variable names mapped to the semantic layer. */
    --bg-primary: var(--ui-color-bg-container);
    --bg-secondary: var(--ui-color-bg-layout);
    --bg-tertiary: var(--ui-color-bg-container-secondary);
    --page-bg: var(--ui-color-bg-layout);
    --panel-bg: var(--ui-color-bg-container);
    --card-bg: var(--ui-color-bg-container);
    --input-bg: var(--ui-color-bg-control);
    --canvas-bg: var(--ui-color-bg-container);

    --text-primary: var(--ui-color-text);
    --text-secondary: var(--ui-color-text-secondary);
    --text-tertiary: var(--ui-color-text-tertiary);
    --text-on-accent: var(--ui-color-text-on-primary);

    --border: var(--ui-color-border);
    --border-strong: var(--ui-color-border-strong);
    --input-border: var(--ui-color-border);
    --chart-grid: rgba(0, 0, 0, 0.08);
    --chart-axis: rgba(0, 0, 0, 0.2);

    --accent: var(--ui-color-primary);
    --accent-hover: var(--ui-color-primary-active);
    --accent-muted: rgba(22, 119, 255, 0.08);
    --accent-soft: rgba(22, 119, 255, 0.15);
    --btn-primary-bg: var(--ui-color-primary);
    --btn-primary-border: var(--ui-color-primary);
    --btn-primary-hover-bg: var(--ui-color-primary-hover);
    --btn-primary-hover-border: var(--ui-color-primary-hover);
    --btn-disabled-opacity: 0.45;
    --danger: var(--ui-color-error);
    --success: var(--ui-color-success);
    --warning: var(--ui-color-warning);
    --info: var(--ui-color-info);

    --control-bg: var(--ui-color-bg-control);
    --control-border: var(--ui-color-border);
    --control-radius: var(--ui-radius-control);
    --control-min-height: var(--ui-control-height);
    --loading-surface-radius: var(--ui-radius-surface);
    --loading-control-radius: var(--ui-radius-control);
    --loading-pill-radius: var(--ui-radius-full);

    --shadow-sm: var(--ui-shadow-card);
    --shadow-md: var(--ui-shadow-card);
    --shadow-lg: var(--ui-shadow-popup);
    --shadow-xl: var(--ui-shadow-popup);
    --card-shadow: var(--ui-shadow-card);

    --radius-xs: 2px;
    --radius-sm: var(--ui-radius-control);
    --radius-md: var(--ui-radius-control);
    --radius-lg: var(--ui-radius-surface);
    --radius-xl: 16px;
    --radius-full: var(--ui-radius-full);

    --text-xs: 12px;
    --text-sm: 12px;
    --text-base: 14px;
    --text-md: 14px;
    --text-lg: 16px;
    --text-xl: 20px;
    --text-2xl: 24px;

    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --transition: var(--ui-motion-mid) var(--ui-motion-ease);
    --nav-height: 64px;
    --min-touch: var(--ui-touch-target);

    --notice-bg: #fffbe6;
    --notice-fg: rgba(0, 0, 0, 0.88);
    --notice-border: #ffe58f;

    --toast-shadow: var(--ui-shadow-popup);
    --toast-success-bg: #f6ffed;
    --toast-success-fg: rgba(0, 0, 0, 0.88);
    --toast-success-border: #b7eb8f;
    --toast-error-bg: #fff2f0;
    --toast-error-fg: rgba(0, 0, 0, 0.88);
    --toast-error-border: #ffccc7;
    --toast-info-bg: #e6f4ff;
    --toast-info-fg: rgba(0, 0, 0, 0.88);
    --toast-info-border: #91caff;
    --toast-warning-bg: #fffbe6;
    --toast-warning-fg: rgba(0, 0, 0, 0.88);
    --toast-warning-border: #ffe58f;

    --nav-bg: var(--ui-color-bg-container);
    --nav-border-bottom: var(--ui-color-split);
    --nav-brand-color: var(--ui-color-text);
    --nav-link-color: var(--ui-color-text-secondary);
    --nav-link-hover-bg: var(--ui-color-bg-container-secondary);
    --nav-link-hover-color: var(--ui-color-text);
    --nav-link-active-bg: transparent;
    --nav-link-active-border: var(--ui-color-primary);
    --nav-username-color: var(--ui-color-text-secondary);
}

@media (max-width: 1023.98px) {
    :root { --ui-page-gutter: 20px; }
}

@media (max-width: 767.98px) {
    :root { --ui-page-gutter: 16px; }
}

@media (prefers-color-scheme: dark) {
    :root {
        --ui-color-primary: #1668dc;
        --ui-color-primary-hover: #3c89e8;
        --ui-color-primary-active: #1554ad;
        --ui-color-primary-bg: #111a2c;

        --ui-color-success: #49aa19;
        --ui-color-warning: #d89614;
        --ui-color-error: #dc4446;
        --ui-color-info: #1668dc;

        --ui-color-bg-layout: #000000;
        --ui-color-bg-container: #141414;
        --ui-color-bg-elevated: #1f1f1f;
        --ui-color-bg-container-secondary: #1f1f1f;
        --ui-color-bg-control: #141414;
        --ui-color-bg-control-disabled: #2a2a2a;

        --ui-color-text: rgba(255, 255, 255, 0.85);
        --ui-color-text-secondary: rgba(255, 255, 255, 0.65);
        --ui-color-text-tertiary: rgba(255, 255, 255, 0.45);
        --ui-color-text-disabled: rgba(255, 255, 255, 0.25);

        --ui-color-border: #424242;
        --ui-color-border-strong: #595959;
        --ui-color-split: #303030;

        --ui-shadow-card: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 1px 6px -1px rgba(0, 0, 0, 0.35), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
        --ui-shadow-popup: 0 6px 16px 0 rgba(0, 0, 0, 0.48), 0 3px 6px -4px rgba(0, 0, 0, 0.6), 0 9px 28px 8px rgba(0, 0, 0, 0.35);
        --ui-shadow-drawer: -6px 0 16px 0 rgba(0, 0, 0, 0.48), -3px 0 6px -4px rgba(0, 0, 0, 0.6), -9px 0 28px 8px rgba(0, 0, 0, 0.35);

        --chart-grid: rgba(255, 255, 255, 0.12);
        --chart-axis: rgba(255, 255, 255, 0.3);
        --notice-bg: #2b2111;
        --notice-fg: rgba(255, 255, 255, 0.85);
        --notice-border: #594214;

        --toast-success-bg: #162312;
        --toast-success-fg: rgba(255, 255, 255, 0.85);
        --toast-success-border: #274916;
        --toast-error-bg: #2c1618;
        --toast-error-fg: rgba(255, 255, 255, 0.85);
        --toast-error-border: #5b2526;
        --toast-info-bg: #111a2c;
        --toast-info-fg: rgba(255, 255, 255, 0.85);
        --toast-info-border: #15325b;
        --toast-warning-bg: #2b2111;
        --toast-warning-fg: rgba(255, 255, 255, 0.85);
        --toast-warning-border: #594214;

        --nav-bg: var(--ui-color-bg-container);
        --nav-border-bottom: var(--ui-color-split);
        --nav-brand-color: var(--ui-color-text);
        --nav-link-color: var(--ui-color-text-secondary);
        --nav-link-hover-bg: var(--ui-color-bg-container-secondary);
        --nav-link-hover-color: var(--ui-color-text);
        --nav-link-active-bg: transparent;
        --nav-link-active-border: var(--ui-color-primary);
        --nav-username-color: var(--ui-color-text-secondary);
    }
}