/* ============================================================================
   Anvyr V2 — Design Tokens
   Warm palette · Gold accent · Parent brand identity
   ============================================================================ */

:root {
    /* ── Color: Dark Mode (Default) ──────────────────────────────────────── */
    --bg-deep:          #08080a;
    --bg-surface:       #111114;
    --bg-elevated:      #1a1a1f;
    --bg-input:         #141418;

    --border-subtle:    #1e1e26;
    --border-active:    #2e2e3a;

    --text-primary:     #ececea;
    --text-secondary:   #8a8a80;
    --text-muted:       #555550;

    --accent:           #c49a5c;
    --accent-soft:      rgba(196, 154, 92, 0.08);
    --accent-hover:     #d4ab6e;
    --accent-glow:      rgba(196, 154, 92, 0.06);

    /* ── Typography ──────────────────────────────────────────────────────── */
    --font-sans:  'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:  'Space Mono', 'Courier New', monospace;

    /* ── Spacing (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:  96px;
    --space-5xl:  128px;

    /* ── Radii ───────────────────────────────────────────────────────────── */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  12px;

    /* ── Transitions ─────────────────────────────────────────────────────── */
    --ease-fast:  150ms ease;
    --ease-base:  200ms ease;
    --ease-slow:  350ms cubic-bezier(0.4, 0, 0.2, 1);

    /* ── Layout ──────────────────────────────────────────────────────────── */
    --header-height:     60px;
    --max-width:         1100px;
    --max-width-prose:   640px;
}

/* ── Light Mode ──────────────────────────────────────────────────────────── */
[data-theme="light"] {
    --bg-deep:          #f6f5f2;
    --bg-surface:       #fefefe;
    --bg-elevated:      #edece8;
    --bg-input:         #f0efea;

    --border-subtle:    #d8d6d0;
    --border-active:    #b8b6b0;

    --text-primary:     #121210;
    --text-secondary:   #4a4a42;
    --text-muted:       #7a7a70;

    --accent:           #9a7640;
    --accent-soft:      rgba(154, 118, 64, 0.08);
    --accent-hover:     #835f30;
    --accent-glow:      rgba(154, 118, 64, 0.06);

    --shadow-card:      0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
    --shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.03);
}