/* TOKENS — aligned to the Strato brand book (2023) + Strato Melbourne styleguide */
:root {
  /* Brand palette — exact values from the supplied guidelines */
  --color-navy:        #101827;  /* PANTONE Black 6 C */
  --color-navy-deep:   #0B1220;
  --color-navy-soft:   #17202F;
  --color-navy-line:   #2B364A;
  --color-gold:        #E8A35C;  /* PANTONE 142 U */
  --color-gold-light:  #F2C795;
  --color-gold-deep:   #C4823F;
  --color-teal:        #0E2A2C;
  --color-rust:        #C8582B;
  --color-maroon:      #3A0603;
  --color-ink:         #0F100C;  /* PANTONE 419 C */
  --color-sky:         #98C5E1;
  --color-cream:       #F4EFE8;
  --color-white:       #FFFFFF;
  --color-black:       #000000;

  --color-bg:          var(--color-navy);
  /* Contrast raised across secondary copy — review: "improve contrast and readability" */
  --color-text:        rgba(244, 239, 232, 0.90);
  --color-heading:     var(--color-cream);
  --color-muted:       rgba(244, 239, 232, 0.72);

  /* Type — Chillax (primary), GT Super Text Book in caps (secondary) */
  --font-display: "Chillax", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body:    "Chillax", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-accent:  "GT Super Text", "Times New Roman", Times, serif;
  --font-logo:    var(--font-accent);

  /* Scale pulled back — review: "reduce oversized headings" */
  --fs-hero:    clamp(2.25rem, 1.45rem + 3.2vw, 4rem);
  --fs-h1:      clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --fs-h2:      clamp(1.6rem, 1.28rem + 1.4vw, 2.4rem);
  --fs-h3:      clamp(1.2rem, 1.06rem + 0.55vw, 1.5rem);
  --fs-h4:      clamp(1.05rem, 0.99rem + 0.3vw, 1.2rem);
  --fs-lead:    clamp(1.05rem, 0.99rem + 0.3vw, 1.2rem);
  --fs-body:    clamp(1rem, 0.97rem + 0.15vw, 1.075rem);
  --fs-small:   0.9375rem;
  --fs-eyebrow: 0.8rem;

  --lh-tight: 1.1;
  --lh-snug:  1.2;
  --lh-body:  1.6;

  /* Capitals de-spaced — review: "widely spaced capitals" made it feel artificial */
  --ls-eyebrow: 0.1em;
  --ls-logo:    0.3em;
  --ls-btn:     0.01em;

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.25rem;
  --space-xl:  3rem;
  --space-2xl: 4rem;
  /* Section rhythm — roughly 45% tighter than the mockup */
  --space-3xl: clamp(3rem, 1.6rem + 4.5vw, 5.5rem);

  --container:        76rem;
  --container-wide:   92rem;
  --container-narrow: 46rem;
  --gutter: clamp(1.25rem, 0.6rem + 2.6vw, 3.5rem);

  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 6px;
  --radius-pill: 100px; /* badges only — no longer used on buttons */

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 18px 45px -20px rgba(0, 0, 0, 0.75);
  --shadow-lg: 0 40px 90px -40px rgba(0, 0, 0, 0.85);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 180ms var(--ease);
  --t-mid:  340ms var(--ease);
  --t-slow: 700ms var(--ease);

  --z-base: 1;
  --z-sticky: 100;
  --z-header: 200;
  --z-nav: 300;
  --z-modal: 400;

  --header-h: 5rem;
}