/* ===========================================================================
   JimmyBet — Design Tokens · MERIDIAN
   Deep emerald-graphite, brushed gold, sage. Serif display. Quiet luxury.
   =========================================================================== */
:root {
    --bg-000: #0d1410;   /* page — graphite green */
    --bg-050: #111a15;
    --bg-100: #16211b;   /* cards */
    --bg-150: #1d2b23;   /* raised */
    --bg-300: #2a3a30;   /* hairlines */

    --fg-000: #f3efe4;   /* warm ivory */
    --fg-100: #d6d2c4;
    --fg-300: #9aa297;
    --fg-500: #6a7268;

    --accent:    #c9a96a;   /* brushed gold — primary */
    --accent-2:  #d9c188;   /* light gold */
    --gold-deep: #a8853f;
    --sage:      #8fae9b;   /* secondary accent */
    --accent-ink:#0d1410;
    --status:    #8fae9b;
    --up:        #93c4a5;
    --down:      #d08a7e;

    --gold-soft: color-mix(in srgb, var(--accent) 12%, var(--bg-100));
    --sage-soft: color-mix(in srgb, var(--sage) 12%, var(--bg-100));
    --gold-line: color-mix(in srgb, var(--accent) 38%, var(--bg-300));

    --font-display: "Fraunces", "Playfair Display", Georgia, serif;
    --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

    --fs-xs:   clamp(0.72rem, 0.70rem + 0.10vw, 0.78rem);
    --fs-sm:   clamp(0.82rem, 0.80rem + 0.12vw, 0.88rem);
    --fs-base: clamp(0.95rem, 0.92rem + 0.16vw, 1.02rem);
    --fs-md:   clamp(1.14rem, 1.05rem + 0.40vw, 1.30rem);
    --fs-lg:   clamp(1.50rem, 1.25rem + 0.95vw, 2.15rem);
    --fs-xl:   clamp(2.10rem, 1.55rem + 2.30vw, 3.40rem);
    --fs-2xl:  clamp(2.90rem, 1.90rem + 4.30vw, 5.20rem);

    --lh-tight: 1.06;
    --lh-snug:  1.22;
    --lh-body:  1.7;

    --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
    --sp-5: 1.5rem;  --sp-6: 2rem;   --sp-7: 3rem;    --sp-8: 4.5rem; --sp-9: 7rem;

    --r-xs: 2px; --r-sm: 4px; --r-md: 6px; --r-lg: 10px; --r-xl: 14px; --r-pill: 999px;

    --sh-1: 0 1px 2px rgba(0,0,0,.4);
    --sh-2: 0 14px 40px rgba(0,0,0,.4);
    --sh-3: 0 30px 70px rgba(0,0,0,.5);

    --ease: cubic-bezier(.22,.61,.36,1);
    --t-fast: 200ms; --t-base: 360ms; --t-slow: 680ms;

    --slip-w: 380px;
    --content-max: 1080px;
    --reading-max: 760px;
    --header-h: 64px;
    --rg-h: 38px;
}
@media (prefers-reduced-motion: reduce) {
    :root { --t-fast: 0ms; --t-base: 0ms; --t-slow: 0ms; }
}