/* ============================================================================
   anvyr.dev — design tokens
   House palette from anvyr-udl/roles/graphical.md (anvyr-web values).
   accent = operable · brand = rare gold identity · no glow theater
   ============================================================================ */

:root {
    /* Surfaces (surface.*) */
    --bg-deep:          #08080a;
    --bg-surface:       #101014;
    --bg-elevated:      #1a1a22;
    --bg-input:         #141418;

    /* Structure */
    --border-subtle:    rgba(255, 255, 255, 0.04);
    --border-active:    rgba(255, 255, 255, 0.18);

    /* Foreground */
    --text-primary:     #f2f0ea;
    --text-secondary:   #a3a09a;
    --text-muted:       #6f6b65;

    /* Operable (accent) — severe console fill, matches anvyr-web */
    --accent:           #f2f0ea;
    --accent-fg:        #08080a;
    --accent-hover:     #faf8f4;
    --accent-soft:      rgba(242, 240, 234, 0.12);
    --accent-alt:       #8aa9d6;
    --accent-alt-hover: #a8c0e0;

    /* Identity (brand) — rare gold */
    --brand:            #c49a5c;
    --brand-hover:      #d4ab6e;
    --brand-soft:       rgba(196, 154, 92, 0.12);

    /* State */
    --ok:               #84d99f;
    --warn:             #d6a85f;
    --err:              #ff6b6b;
    --info:             #8aa9d6;

    /* Typography */
    --font-sans:  'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:  'Space Mono', ui-monospace, 'Cascadia Code', monospace;

    /* Spacing (dense 8px grid) */
    --space-xs:   4px;
    --space-sm:   8px;
    --space-md:   16px;
    --space-lg:   24px;
    --space-xl:   32px;
    --space-2xl:  48px;
    --space-3xl:  64px;
    --space-4xl:  80px;
    --space-5xl:  104px;

    /* Radii — quiet, not bubblegum */
    --radius-sm:  6px;
    --radius-md:  10px;
    --radius-lg:  16px;

    /* Motion — confirm, don't entertain */
    --ease-fast:  120ms ease;
    --ease-base:  180ms ease;
    --ease-slow:  280ms cubic-bezier(0.4, 0, 0.2, 1);

    /* Layout */
    --header-height:     56px;
    --max-width:         1100px;
    --max-width-prose:   640px;

    --shadow-card:       0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="light"] {
    --bg-deep:          #f6f5f2;
    --bg-surface:       #ffffff;
    --bg-elevated:      #ffffff;
    --bg-input:         #f0efea;

    --border-subtle:    rgba(16, 16, 20, 0.05);
    --border-active:    rgba(16, 16, 20, 0.18);

    --text-primary:     #101014;
    --text-secondary:   #64615c;
    --text-muted:       #8b8781;

    --accent:           #101014;
    --accent-fg:        #f6f5f2;
    --accent-hover:     #0a0a0c;
    --accent-soft:      rgba(16, 16, 20, 0.08);
    --accent-alt:       #4f6fa1;
    --accent-alt-hover: #3d5a85;

    --brand:            #9a7640;
    --brand-hover:      #835f30;
    --brand-soft:       rgba(154, 118, 64, 0.12);

    --ok:               #4a9b65;
    --warn:             #b8893a;
    --err:              #d64545;
    --info:             #4f6fa1;

    --shadow-card:      0 1px 2px rgba(16, 16, 20, 0.05);
    --shadow-card-hover: 0 6px 18px rgba(16, 16, 20, 0.08);
}