/* ============================================================
   PIVOT Design Tokens
   Source of truth: Documentation/New Direction/design-guidelines.md
   ============================================================ */

/* --- Dark Theme (default) --- */
:root {
    /* Backgrounds */
    --bg-base:      #0E0F11;
    --bg-surface:   #14161A;
    --bg-elevated:  #1C1F25;
    --bg-subtle:    #22262E;

    /* Borders */
    --border-default: #2A2E38;
    --border-strong:  #3A3F4D;

    /* Text */
    --text-primary:   #E8EAF0;
    --text-secondary: #8B90A0;
    --text-muted:     #545968;

    /* Accent (amber) */
    --accent:       #F5A623;
    --accent-hover: #FFB84D;
    --accent-dim:   #2E220A;

    /* Status — reserved for operational state only */
    --status-green:   #3DD68C;
    --status-amber:   #F5A623;
    --status-red:     #F05252;
    --status-pending: #6B8EAD;
    --status-maint:   #9D7FEA;

    /* Status translucent (badges, backgrounds) */
    --status-green-bg:   rgba(61, 214, 140, 0.15);
    --status-amber-bg:   rgba(245, 166, 35, 0.15);
    --status-red-bg:     rgba(240, 82, 82, 0.15);
    --status-pending-bg: rgba(107, 142, 173, 0.15);
    --status-maint-bg:   rgba(157, 127, 234, 0.15);

    /* Code surface (always dark, theme-independent) */
    --code-bg:      #0D0F12;
    --code-surface: #13161C;
    --code-border:  #252830;
    --code-text:    #CDD1DC;
    --code-muted:   #4A4F5E;

    /* Typography */
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

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

    /* Border radius (sharp corners) */
    --radius-sm: 3px;
    --radius:    4px;

    /* Motion */
    --duration-fast:   80ms;
    --duration-modal:  150ms;
    --duration-toast:  120ms;
    --duration-sidebar: 180ms;
    --ease-out: ease-out;
    --ease-in:  ease-in;
    --ease-in-out: ease-in-out;
}

/* --- Light Theme --- */
[data-theme="light"] {
    --bg-base:      #F2F3F5;
    --bg-surface:   #FFFFFF;
    --bg-elevated:  #FFFFFF;
    --bg-subtle:    #F7F8FA;

    --border-default: #DDE0E8;
    --border-strong:  #B0B5C3;

    --text-primary:   #12141A;
    --text-secondary: #5A5F70;
    --text-muted:     #9CA0AF;

    --accent:       #D4860A;
    --accent-hover: #E8930E;
    --accent-dim:   #FFF3DC;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}