/* ==========================================================================
   Trilogy Martial Arts - design tokens
   FROZEN. Changes to this file require sign-off. See TODO-CLIENT.md.
   ========================================================================== */

:root {
  /* ---- colour ---- */
  --ink:        #0A0A0B;   /* primary surface */
  --ink-2:      #141416;   /* elevated surface */
  --ink-3:      #1D1D20;   /* card / input surface */
  --bone:       #F2F0EB;   /* primary text */
  --bone-dim:   #C9C7C1;   /* secondary text */
  --muted:      #8A8A8F;   /* tertiary text, captions */
  --accent:     #C8102E;   /* crimson - CTAs only */
  --accent-hi:  #E8203E;   /* crimson hover */
  --accent-alt: #3DDC5B;   /* foo dog green - the mark, nothing else */
  --line:       rgba(242, 240, 235, 0.10);
  --line-hi:    rgba(242, 240, 235, 0.22);

  /* belt ranks - the signature divider */
  --belt-white:  #E8E6E0;
  --belt-blue:   #1E4FA8;
  --belt-purple: #5B2D8E;
  --belt-brown:  #6B4423;
  --belt-black:  #101012;

  /* ---- type ---- */
  --font-display: 'Oswald', 'Arial Narrow', 'Helvetica Neue Condensed', sans-serif;
  --font-body:    'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-hero:  clamp(2.75rem, 7.5vw, 6.25rem);
  --fs-h1:    clamp(2.25rem, 5.5vw, 4rem);
  --fs-h2:    clamp(1.85rem, 3.8vw, 3rem);
  --fs-h3:    clamp(1.25rem, 2.1vw, 1.6rem);
  --fs-lead:  clamp(1.075rem, 1.45vw, 1.3rem);
  --fs-body:  1.0625rem;
  --fs-sm:    0.9375rem;
  --fs-xs:    0.8125rem;
  --fs-eyebrow: 0.75rem;

  --lh-tight: 0.94;
  --lh-snug:  1.15;
  --lh-body:  1.65;

  --tr-display: -0.02em;
  --tr-eyebrow: 0.22em;

  /* ---- space ---- */
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.5rem;
  --s-6:  2rem;
  --s-7:  3rem;
  --s-8:  4rem;
  --s-9:  6rem;
  --s-10: 8.5rem;

  --section-y: clamp(4rem, 9vw, 8.75rem);
  --gutter:    clamp(1.25rem, 4vw, 2.5rem);
  --maxw:      1200px;
  --maxw-prose: 62ch;

  /* ---- other ---- */
  --radius:    2px;
  --radius-lg: 4px;
  --shadow:    0 18px 50px rgba(0, 0, 0, 0.55);
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:       260ms;
}