/* ============================================================
   TOKENS — Golden Ratio + Bache Group Brand
   ============================================================ */
:root {
  --phi: 1.618;
  --space-3xs: 4px;
  --space-2xs: 6px;
  --space-xs: 8px;
  --space-sm: 10px;
  --space-md: 16px;
  --space-lg: 26px;
  --space-xl: 42px;
  --space-2xl: 68px;
  --space-3xl: 110px;

  --text-xs: 10px;
  --text-sm: 13px;
  --text-base: 16px;
  --text-lg: 26px;
  --text-xl: 42px;
  --text-2xl: 52px;
  --text-3xl: 68px;

  --fluid-display: clamp(36px, 5vw, 68px);
  --fluid-heading: clamp(24px, 4vw, 42px);
  --fluid-body: clamp(16px, 1.2vw, 18px);

  --ratio-major: 61.8%;
  --ratio-minor: 38.2%;
  --content-max: 1200px;
  --reading-max: 720px;

  --leading-tight: 1.1;
  --leading-heading: 1.2;
  --leading-body: 1.618;
  --leading-loose: 1.8;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 16px;

  /* Brand colours */
  --navy: #092040;
  --navy-light: #0E2D55;
  --navy-dark: #061530;
  --steel: #2D5DA1;
  --charcoal: #2C2C2C;
  --slate: #3D4F5F;
  --warm-white: #F5F3F0;
  --gold: #D4A854;
  --light-border: #E8E5E0;
  --mid-grey: #8C8C8C;

  --font: 'Outfit', system-ui, -apple-system, sans-serif;
}

@media (max-width: 768px) {
  :root {
    --space-lg: 16px;
    --space-xl: 26px;
    --space-2xl: 42px;
    --space-3xl: 68px;
  }
}

@media (min-width: 1400px) {
  :root {
    --content-max: 1320px;
  }
}

@media (min-width: 1600px) {
  :root {
    --content-max: 1400px;
  }
}