:root {
  /* Palette — Color1 "Hot Blue" (Ben Gough, BIGB-001 proofs; chosen 2026-08-28)
     Stages: Ember = yellow, Flame = terracotta, Mastery = blue. */
  --bb-cream:      #FFFCF4;
  --bb-sand:       #E8DCC8;
  --bb-oat:        var(--bb-sand);   /* legacy alias — section backgrounds flip cream / sand */
  --bb-terracotta: #B85937;
  --bb-blue:       #006FE4;
  --bb-yellow:     #DCB160;
  --bb-charcoal:   #2A2520;          /* the one body/heading text colour */
  --bb-line:       rgba(42,37,32,.2); /* hairlines: charcoal at 20% (works on cream, sand and yellow) */
  --bb-footer-bg:  var(--bb-yellow);  /* footer surface — flip to var(--bb-terracotta) to try the other option */

  /* Type scale */
  --t-xs:   .75rem;
  --t-sm:   .875rem;
  --t-base: 1rem;
  --t-lg:   1.25rem;
  --t-xl:   1.625rem;
  --t-2xl:  2.125rem;
  --t-3xl:  2.875rem;
  --t-4xl:  3.75rem;
  --t-5xl:  5rem;
  --t-6xl:  6.5rem;

  /* Weights */
  --w-light: 300;
  --w-reg:   400;
  --w-med:   500;
  --w-semi:  600;
  --w-black: 900;

  /* Spacing */
  --s-1:  .25rem;
  --s-2:  .5rem;
  --s-3:  .75rem;
  --s-4:  1rem;
  --s-5:  1.25rem;
  --s-6:  1.5rem;
  --s-8:  2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --s-24: 6rem;

  /* Section padding */
  --pad-section: clamp(4rem, 7vw, 6rem);

  /* Hero */
  --hero-min-height: 100svh;
  --hero-margin-bottom: clamp(3rem, 8vw, 8rem);

  /* Hero type */
  --t-hero: clamp(2.75rem, 5.5vw, 4.5rem);
  --hero-tracking: 0;

  /* Heading type */
  --t-h2: clamp(1.75rem, 3vw, 2.25rem);
  --lh-heading: 1.1;
  --lh-body: 1.55;

  /* Buttons */
  --btn-tracking: 0.08em;

  /* Navigation */
  --nav-height: 72px;
  --nav-link-size: 0.8125rem;
  --nav-tracking: 0.125em;   /* Figma Nav/CTA: 2px @ 16px */

  /* Containers */
  --container-wide: 1360px;
  --container-narrow: 520px;
  --container-padding: clamp(1.5rem, 4vw, 3rem);

  /* Eyebrow */
  --t-eyebrow: 0.6875rem;
  --eyebrow-tracking: 0.18em;
}