/* tokens.css — design tokens, shared across all GingerBIM Website pages. */
:root {
  /* Palette: neutral base + one accent (GingerBIM GOLD, brand primary #D69E09).
     TWO-ROLE ACCENT (a11y discipline): gold text on white is weak, so the accent is
     split: --accent is the gold fill (always with WHITE text on it, per GingerBIM
     primary), and --accent-ink (#A16207, info-darker) is the dark gold used anywhere
     the accent colours text / icons / links / the focus ring on a light bg (AA). */
  --bg:            #ffffff;   /* cards/panels/surfaces stay white; page bg set on body */
  --surface:       #F5F5F5;   /* alt/quiet section background (foundation-2) */
  --surface-cool:  #F5F5F5;   /* quiet "problem" section (foundation-2) */
  --ink:           #1A1A1A;   /* primary text (foreground) */
  --ink-soft:      #626263;   /* secondary text (foreground-2) */
  --ink-faint:     #7C7C7D;   /* labels, captions, tier sub-text (foreground-3) */
  --line:          #DFDFDF;   /* hairlines (outline-2) */
  --accent:        #D69E09;   /* GingerBIM gold: FILL ONLY, white text on it (primary) */
  --accent-deep:   #CA8A04;   /* fill hover/active (primary-focus) */
  --accent-ink:    #A16207;   /* dark gold: accent TEXT/icons/links/focus on light bg (info-darker) */
  --accent-ink-deep:#7A5C00;  /* darker gold hover for links */
  --accent-tint:   #FEF9C3;   /* pale-gold wash (foundation-focus) */
  --green:         #22c55e;   /* success tick (pricing / features check-lists) */

  /* Type scale: fluid, 3 working sizes (hero / section-headline / body) */
  --type-hero:     clamp(2.75rem, 7vw, 5rem);     /* ~44–80px */
  --type-h2:       clamp(2rem, 4.5vw, 3.25rem);   /* ~32–52px */
  --type-lead:     clamp(1.125rem, 2vw, 1.5rem);  /* sub-copy */
  --type-body:     1.0625rem;
  --type-label:    0.8125rem;

  /* Rhythm */
  --section-y:     clamp(6rem, 14vw, 11rem);
  --measure:       40rem;     /* narrow centred text column */
  --radius:        18px;
  --radius-sm:     10px;
  --shadow-soft:   0 24px 70px -28px rgba(28,24,10,0.22);
  --ease:          cubic-bezier(0.22, 0.61, 0.36, 1);
}