:root {

  /* ── Colors ── */
  --color-bg:          #F7F5F0;   /* warm stone — page background          */
  --color-surface:     #FFFFFF;   /* white — cards, nav                    */
  --color-primary:     #1C3A2B;   /* deep forest green — headings, footer  */
  --color-accent:      #3D7A5A;   /* trail green — buttons, links, hover   */
  --color-highlight:   #C8A96E;   /* summit gold — emphasis, badges        */
  --color-text:        #1A1A1A;   /* near-black body text                  */
  --color-text-muted:  #6B6B6B;   /* secondary text                        */
  --color-border:      rgba(28, 58, 43, 0.10);

  /* Badge palette */
  --badge-live-bg:     #E8F0EB;
  --badge-live-text:   #1C3A2B;
  --badge-beta-bg:     #FDF3E2;
  --badge-beta-text:   #7A5200;
  --badge-alpha-bg:    #F2EBE0;
  --badge-alpha-text:  #6B3A1A;
  --badge-wip-bg:      #EBF0F7;
  --badge-wip-text:    #2A4A7A;
  --badge-soon-bg:     #EDEDED;
  --badge-soon-text:   #555555;
  --badge-wip-bg:      #EEE6F8;
  --badge-wip-text:    #5B3A9E;
  --badge-wip-bg:      #EDE8F5;
  --badge-wip-text:    #5A3E8A;

  /* ── Typography ── */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ── Spacing ── */
  --space-xs:   0.375rem;   /*  6px */
  --space-sm:   0.75rem;    /* 12px */
  --space-md:   1.25rem;    /* 20px */
  --space-lg:   2rem;       /* 32px */
  --space-xl:   3.5rem;     /* 56px */
  --space-2xl:  6rem;       /* 96px */

  /* ── Layout ── */
  --max-width:   1160px;
  --nav-height:  64px;
  --gutter:      clamp(1.25rem, 5vw, 3rem);

  /* ── Shape ── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  /* ── Transitions ── */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:    150ms ease;
  --t-base:    260ms ease;
  --t-slow:    480ms var(--ease-out);
}