/* ═══════════════════════════════════════════════════════════════════════════
   EXANAUT DESIGN TOKENS — SINGLE SOURCE OF TRUTH
   ═══════════════════════════════════════════════════════════════════════════
   Source: sandbox/void-luxury-current.html (Void-Luxury scheme)
   Rule:   NEVER hardcode hex/hsl values outside this file.
           If you need a value, add a named token here first.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    /* ── ACCENT: SINGULARITY GOLD (hue 42) ───────────────────────────────── */

    --gold-h:       42;

    /* COLD GOLD — Resting. Borders, structural, dormant. */
    --gold-cold:    hsl(42, 18%, 30%);
    --gold-dim:     hsl(42, 24%, 37%);
    --gold-subtle:  hsl(42, 14%, 12%);

    /* TRUE GOLD — Operational. The "standard" gold. Clear and readable. */
    --gold:         hsl(42, 48%, 54%);
    --gold-ember:   hsl(42, 40%, 46%);
    --gold-bright:  hsl(42, 55%, 61%);

    /* HOT GOLD — Energized. Vivid, near-white. Brand, hover, emphasis ONLY. */
    --gold-hot:     hsl(42, 65%, 72%);
    --gold-flare:   hsl(42, 72%, 80%);

    /* Derived gold */
    --gold-deep:    hsl(42, 22%, 20%);
    --gold-glow:    hsla(42, 75%, 60%, 0.40);
    --gold-wash:    hsla(42, 45%, 50%, 0.08);
    --gold-edge:    hsla(42, 50%, 50%, 0.18);

    /* Decorative gold / amber — for effects gradients */
    --gold-pure:       #ffd700;
    --amber-bright:    #ffb347;
    --amber-electric:  #ff9500;


    /* ── ACCENT: BRONZE (hue 25) — Bridge between Gold & Danger ──────────── */

    --bronze-h:     25;
    --bronze:       hsl(25, 32%, 36%);
    --bronze-cold:  hsl(25, 20%, 22%);
    --bronze-dim:   hsl(25, 26%, 30%);
    --bronze-text:  hsl(25, 28%, 54%);
    --bronze-hot:   hsl(25, 36%, 62%);
    --bronze-glow:  hsla(25, 34%, 40%, 0.30);
    --bronze-wash:  hsla(25, 24%, 32%, 0.08);
    --bronze-edge:  hsla(25, 28%, 36%, 0.18);
    --bronze-line:  hsla(25, 24%, 32%, 0.22);


    /* ── ACCENT: DANGER (hue 0) — Deep Maroon ────────────────────────────── */

    --danger-h:     0;
    --danger:       hsl(0, 38%, 28%);
    --danger-text:  hsl(0, 32%, 58%);
    --danger-hot:   hsl(0, 36%, 67%);
    --danger-glow:  hsla(0, 34%, 36%, 0.30);
    --danger-wash:  hsla(0, 26%, 30%, 0.10);
    --danger-cold:  hsl(0, 26%, 18%);
    --danger-line:  hsla(0, 30%, 34%, 0.25);

    /* Danger surface scale — for gradient buttons/panels */
    --danger-plate:         hsl(0, 22%, 24%);
    --danger-bulkhead:      hsl(0, 24%, 19%);
    --danger-shield:        hsl(0, 26%, 14%);
    --danger-plate-hot:     hsl(0, 24%, 28%);
    --danger-bulkhead-hot:  hsl(0, 26%, 23%);
    --danger-shield-hot:    hsl(0, 26%, 17%);
    --danger-cold-deep:     hsl(0, 30%, 13%);
    --danger-text-bright:   hsl(0, 25%, 66%);
    --danger-text-hot:      hsl(0, 24%, 72%);
    --danger-border:        hsl(0, 17%, 30%);
    --danger-border-hot:    hsl(0, 15%, 37%);


    /* ── VOID SCALE — Warm-neutral, directional grain ────────────────────── */

    --void:         #0a0a09;
    --hull:         #161614;
    --armor:        #1e1e1c;
    --shield:       #2b2b28;
    --bulkhead:     #383836;
    --plate:        #484844;

    /* Extended void variants */
    --hull-deep:    #10100e;
    --armor-hot:    #222118;
    --void-warm:    #0e0e0d;


    /* ── WARM SHADOW — Gold is the ambient light source ──────────────────── */

    --shadow-warm:  rgba(10, 8, 5, 0.50);
    --shadow-deep:  rgba(10, 8, 5, 0.65);
    --shadow-light: rgba(10, 8, 5, 0.28);


    /* ── TEXT — Clean neutral; gold lives in accents only ─────────────────── */

    --text-bright:  #f0f0ee;
    --text-pri:     #d8d8d4;
    --text-sec:     hsl(50, 2%, 59%);
    --text-muted:   hsl(50, 2%, 47%);
    --text-ghost:   hsl(50, 2%, 35%);


    /* ── PANELS — Tuned foreground surfaces ──────────────────────────────── */

    --panel-base:   hsl(40, 3%, 12%);
    --panel-deep:   hsl(40, 3%, 8%);


    /* ── TYPOGRAPHY ──────────────────────────────────────────────────────── */

    --font-ui:      'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-data:    'Space Mono', 'SF Mono', 'Fira Code', monospace;
    /* Rule: If the SYSTEM outputs it (values, status, timestamps,
       inputs, gauges, logs), it's --font-data. Everything else
       (titles, labels, body, descriptions) is --font-ui. */

    /* Font weight hierarchy */
    --weight-thin:      300;
    --weight-normal:    400;
    --weight-medium:    500;
    --weight-semibold:  600;
    --weight-bold:      700;

    /* Font scale — default 150%, range 100%-250% */
    --font-scale:   1.5;
    --xxs-font:     calc(9px * var(--font-scale));
    --xs-font:      calc(11px * var(--font-scale));
    --sm-font:      calc(12px * var(--font-scale));
    --small-font:   calc(12px * var(--font-scale));
    --base-font:    calc(14px * var(--font-scale));
    --lg-font:      calc(16px * var(--font-scale));
    --h2-font:      calc(15px * var(--font-scale));
    --h1-font:      calc(16px * var(--font-scale));
    --title-font:   calc(14px * var(--font-scale));


    /* ── SPACING ─────────────────────────────────────────────────────────── */

    --space-xs:     4px;
    --space-sm:     8px;
    --space-md:     16px;
    --space-lg:     24px;
    --space-xl:     32px;


    /* ── Duration Tokens ── */
    --dur-instant: 0s;
    --dur-fast: 0.15s;
    --dur-normal: 0.25s;
    --dur-slow: 0.4s;
    --dur-glacial: 0.6s;

    /* ── Radius Tokens ── */
    --radius-none: 0;
    --radius-xs: calc(2px * var(--font-scale));
    --radius-sm: calc(4px * var(--font-scale));
    --radius-md: calc(8px * var(--font-scale));
    --radius-lg: calc(12px * var(--font-scale));
    --radius-xl: calc(16px * var(--font-scale));
    --radius-full: 9999px;


    /* ── UI ───────────────────────────────────────────────────────────────── */

    --radius:       3px;
    --radius-card:  6px;   /* Cards/panels need more roundness than buttons/inputs */
    --blur:         20px;


    /* ── TIMING ──────────────────────────────────────────────────────────── */

    --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
    --dur-med:      0.25s;
}