/* CTC brand base 2026 ("Refresh D") — web tokens.
   Source of truth: design/tokens.json and docs/02-design-system.md.
   Font files: Lato is in assets/fonts/lato (SIL OFL).
   Nexa: copy the licensed web-font kit from the live server (see docs/01-brief.md §6). */

@font-face { font-family: "Lato"; src: url("../assets/fonts/lato/Lato-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("../assets/fonts/lato/Lato-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("../assets/fonts/lato/Lato-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
/* Nexa XBold from the site's MyFonts web kit (335023_6_0 = NexaXBold on the live site). */
@font-face { font-family: "NexaXBold"; src: url("../assets/fonts/nexa/335023_6_0.woff2") format("woff2"), url("../assets/fonts/nexa/335023_6_0.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  /* Colour — core */
  --ctc-black: #231f20;          /* the only dark colour */
  --ctc-white: #ffffff;
  --ctc-blue: #226eb7;           /* the only accent, ~10% of a surface */
  --ctc-blue-tint-10: #e8f0f7;
  --ctc-blue-tint-20: #d2e2f0;
  /* Colour — support */
  --ctc-text-muted: #595959;
  --ctc-text-on-black: #d9d7d7;
  --ctc-rule: #d6d6d6;
  --ctc-rule-strong: #8c8c8c;
  --ctc-link-tint: #b9d0ea;      /* resting underline of text links */
  /* Charts (fills only, never text) */
  --chart-1: var(--ctc-blue);
  --chart-2: #242852;
  --chart-3: #35a5b8;
  --chart-4: #51c5ee;
  --chart-5: #0f5f63;
  --chart-6: #9fd9c4;
  --chart-highlight: #f1b42a;
  --chart-other: #9a9a9a;

  /* Type */
  --font-display: "NexaXBold", "Lato", "Helvetica Neue", Arial, sans-serif; /* titles, sentence case */
  --font-sans: "Lato", "Helvetica Neue", Arial, sans-serif;                  /* everything else */

  /* Spacing — 8px base */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --radius: 0;                   /* square corners everywhere */

  /* Motion */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --t-colour: 150ms;
  --t-underline: 250ms;
  --t-sweep: 300ms;              /* button sweep, header change */
  --t-rule: 600ms;               /* header rule draw */
  --t-scene: 400ms;              /* sector photo crossfade */
}