/* ═══════════════════════════════════════════
   GRR DESIGN TOKENS
   Brand: #111 / #C9960C gold / #E8E5DE off-white
   Display: Playfair Display · Body: Work Sans
═══════════════════════════════════════════ */
:root {
  /* ── Colour ──────────────────────────────── */
  --grr-bg:          #0f0f0f;
  --grr-surface:     #161616;
  --grr-surface-2:   #1c1c1c;
  --grr-surface-3:   #242424;
  --grr-border:      #2a2a2a;
  --grr-divider:     #1e1e1e;

  --grr-text:        #e8e5de;
  --grr-text-muted:  #9e9a92;  /* lightened from #888480 — improves contrast on dark bg */
  --grr-text-faint:  #706c66;  /* lightened from #444240 — was near-invisible, now readable */
  --grr-text-inv:    #0f0f0f;

  --grr-gold:        #C9960C;
  --grr-gold-hi:     #E8AF34;
  --grr-gold-lo:     #7a5a06;
  --grr-gold-bg:     rgba(201,150,12,.07);
  --grr-gold-border: rgba(201,150,12,.2);

  --grr-green:  #3d8a3d;
  --grr-red:    #8a3d3d;

  /* ── Type scale ─────────────────────────── */
  /* Bumped for elderly-accessible readability — min sizes raised ~2px each step */
  --t-xs:   clamp(.875rem, .82rem + .25vw, 1rem);       /* was .75–.875 → now .875–1rem  */
  --t-sm:   clamp(1rem,    .95rem + .3vw,  1.125rem);   /* was .875–1rem → now 1–1.125rem */
  --t-base: clamp(1.0625rem,1rem  + .3vw,  1.25rem);    /* was 1–1.125rem → now 17px–20px */
  --t-lg:   clamp(1.25rem, 1.1rem + .75vw, 1.625rem);
  --t-xl:   clamp(1.5rem,  1.2rem + 1.2vw, 2.25rem);
  --t-2xl:  clamp(2rem,    1.2rem + 2.5vw, 3.5rem);
  --t-hero: clamp(2.8rem,  1.4rem + 4.5vw, 5.5rem);

  --f-display: 'Playfair Display', Georgia, serif;
  --f-body:    'Work Sans', 'Helvetica Neue', sans-serif;

  /* ── Space ──────────────────────────────── */
  --s2:  .5rem;  --s3:  .75rem; --s4:  1rem;
  --s5:  1.25rem;--s6:  1.5rem; --s8:  2rem;
  --s10: 2.5rem; --s12: 3rem;   --s16: 4rem;
  --s20: 5rem;   --s24: 6rem;   --s32: 8rem;

  /* ── Radius ─────────────────────────────── */
  --r-sm: .25rem; --r-md: .5rem; --r-lg: .75rem;
  --r-xl: 1rem;   --r-full: 9999px;

  /* ── Motion ─────────────────────────────── */
  --ease:      180ms cubic-bezier(.16,1,.3,1);
  --ease-slow: 450ms cubic-bezier(.16,1,.3,1);

  /* ── Shadows ────────────────────────────── */
  --sh-sm:   0 1px 4px rgba(0,0,0,.4);
  --sh-md:   0 4px 18px rgba(0,0,0,.5);
  --sh-lg:   0 12px 40px rgba(0,0,0,.65);
  --sh-gold: 0 0 0 1px rgba(201,150,12,.25), 0 4px 16px rgba(201,150,12,.12);

  /* ── Layout ─────────────────────────────── */
  --w-narrow:  680px;
  --w-default: 1040px;
  --w-wide:    1320px;
  --gap-section: clamp(var(--s16), 8vw, var(--s32));
}