/**
 * ASM Design Framework — Design Tokens
 * ADS version: 1.0.0-dev.1
 *
 * This file is the single source of truth for shared visual values.
 * It intentionally maps legacy --asm-* variables to ADS tokens so the
 * existing interface remains visually stable during progressive migration.
 */
:root {
    /* Brand */
    --ads-primary: #129d86;
    --ads-primary-hover: #0f8c77;
    --ads-primary-active: #0b7564;
    --ads-primary-soft: #e8f7f2;
    --ads-primary-contrast: #ffffff;

    /* Semantic */
    --ads-success: #20a878;
    --ads-success-soft: #e8f7f1;
    --ads-warning: #b7791f;
    --ads-warning-soft: #fff6df;
    --ads-danger: #c2414b;
    --ads-danger-soft: #fff0f1;
    --ads-info: #2f78c4;
    --ads-info-soft: #edf5ff;

    /* Surfaces */
    --ads-background: #f4f8f7;
    --ads-surface: #ffffff;
    --ads-surface-subtle: #fbfdfc;
    --ads-surface-muted: #f1f6f4;
    --ads-border: #dfe9e6;
    --ads-border-strong: #c8d8d3;

    /* Text */
    --ads-text: #17231f;
    --ads-text-secondary: #557069;
    --ads-text-muted: #70827d;
    --ads-text-faint: #91a09c;

    /* Spacing — 4px base scale */
    --ads-space-2xs: 2px;
    --ads-space-xs: 4px;
    --ads-space-sm: 8px;
    --ads-space-md: 12px;
    --ads-space-lg: 16px;
    --ads-space-xl: 24px;
    --ads-space-2xl: 32px;
    --ads-space-3xl: 48px;

    /* Radius */
    --ads-radius-xs: 4px;
    --ads-radius-sm: 7px;
    --ads-radius-md: 9px;
    --ads-radius-lg: 14px;
    --ads-radius-xl: 18px;
    --ads-radius-pill: 999px;

    /* Elevation */
    --ads-shadow-xs: 0 2px 8px rgba(23, 49, 41, .04);
    --ads-shadow-sm: 0 4px 18px rgba(25, 48, 41, .05);
    --ads-shadow-md: 0 8px 24px rgba(23, 49, 41, .08);
    --ads-shadow-lg: 0 14px 34px rgba(20, 79, 74, .16);
    --ads-focus-ring: 0 0 0 3px rgba(18, 157, 134, .16);

    /* Typography */
    --ads-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ads-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --ads-font-size-xs: 9px;
    --ads-font-size-sm: 11px;
    --ads-font-size-md: 13px;
    --ads-font-size-lg: 16px;
    --ads-font-size-xl: 20px;
    --ads-font-size-2xl: 28px;
    --ads-line-height-tight: 1.2;
    --ads-line-height-normal: 1.5;
    --ads-font-weight-regular: 400;
    --ads-font-weight-medium: 500;
    --ads-font-weight-semibold: 650;
    --ads-font-weight-bold: 700;
    --ads-font-weight-extrabold: 800;

    /* Component dimensions */
    --ads-control-height-sm: 32px;
    --ads-control-height: 38px;
    --ads-control-height-lg: 44px;
    --ads-icon-sm: 16px;
    --ads-icon-md: 20px;
    --ads-icon-lg: 28px;
    --ads-badge-height: 18px;
    --ads-shell-header: 64px;
    --ads-shell-sidebar: 238px;
    --ads-shell-sidebar-compact: 76px;

    /* Motion */
    --ads-speed-fast: 120ms;
    --ads-speed-normal: 160ms;
    --ads-speed-slow: 240ms;
    --ads-ease-standard: cubic-bezier(.2, 0, 0, 1);
    --ads-transition-fast: var(--ads-speed-fast) var(--ads-ease-standard);
    --ads-transition: var(--ads-speed-normal) var(--ads-ease-standard);
    --ads-transition-slow: var(--ads-speed-slow) var(--ads-ease-standard);

    /* Layering */
    --ads-z-base: 1;
    --ads-z-header: 99992;
    --ads-z-sidebar: 99991;
    --ads-z-overlay: 100000;
    --ads-z-toast: 100050;

    /* Legacy bridge — temporary compatibility during ADS migration */
    --asm-bg: var(--ads-background);
    --asm-surface: var(--ads-surface);
    --asm-border: var(--ads-border);
    --asm-text: var(--ads-text);
    --asm-muted: var(--ads-text-muted);
    --asm-primary: var(--ads-primary);
    --asm-primary-dark: var(--ads-primary-active);
    --asm-primary-soft: var(--ads-primary-soft);
    --asm-warning: var(--ads-warning);
    --asm-danger: var(--ads-danger);
    --asm-radius: var(--ads-radius-lg);
    --asm-shadow: var(--ads-shadow-md);
    --asm-transition: var(--ads-transition);
    --asm-shell-header: var(--ads-shell-header);
    --asm-shell-sidebar: var(--ads-shell-sidebar);
    --asm-shell-sidebar-standard: var(--ads-shell-sidebar);
    --asm-shell-sidebar-collapsed: var(--ads-shell-sidebar-compact);
    --asm-shell-sidebar-compact: var(--ads-shell-sidebar-compact);
    --asm-shell-border: var(--ads-border);
    --asm-shell-bg: var(--ads-background);
    --asm-shell-panel: var(--ads-surface);
    --asm-shell-text: var(--ads-text);
    --asm-shell-muted: var(--ads-text-muted);
    --asm-shell-primary: var(--ads-primary);
}

@media (max-width: 782px) {
    :root { --ads-shell-header: 58px; }
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --ads-speed-fast: 1ms;
        --ads-speed-normal: 1ms;
        --ads-speed-slow: 1ms;
    }
}