:root {
  /* Brand colours */
  --navy: #12263E;
  --navy-deep: #0C1A2B;
  --teal-dark: #217285;
  --teal: #7BC2C4;
  --ink: #E2F0F1;
  --muted: #94AEBB;
  --hairline: rgba(123, 194, 196, 0.16);
  --maxw: 1200px;

  /* Active typography (matches index) */
  --font-display: "Sora", sans-serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;

  /*
   * Alternate typography (original buddy infographic).
   * To review/swap: set --font-display and --font-body to the -alt values below.
   */
  --font-display-alt: "Space Grotesk", sans-serif;
  --font-body-alt: "Inter", system-ui, sans-serif;

  /* Buddy section tokens */
  --buddy-deep: #217285;
  --buddy-aqua: #7bc2c4;
  --buddy-ink-bg: #07171c;
  --buddy-text: #e8f6f6;
  --buddy-muted: #8fb6bb;
  --buddy-out: #f4b860;
  --buddy-back: #bff3e6;
  --buddy-line: #1f4b57;
  --buddy-card: rgba(123, 194, 196, 0.06);
}