/* =====================================================================
   BurkGxP tokens – REBUILT FROM guide.html (brand guide, September 2026)

   The brand kit's own file is brand/web/tokens.css. Until it is here,
   this file carries what the guide documents: the colours, the type
   scale, the font family and the label tracking. The real file also
   defines spacing, radius, line and tracking tokens the guide doesn't
   list; styles.css falls back to its own values for those.

   When brand/web/tokens.css arrives, copy it over this file. The names
   below are the guide's, so nothing else has to change.
   ===================================================================== */

:root {
  /* Colour – guide, "Colour" */
  --color-page: #ECEFF4;        /* page background */
  --color-surface: #E5E9F0;     /* raised surfaces, panels */
  --color-line: #D8DEE9;        /* hairlines, dividers */
  --color-text: #2E3440;        /* primary text, 10.84:1 on page */
  --color-text-2: #4C566A;      /* secondary text, 6.40:1 on page */
  --color-brand: #5E81AC;       /* path bar and graphics; text only at 24 px+ */
  --color-brand-text: #3E5F88;  /* links, buttons, focus rings, 5.70:1 on page */
  --color-accent: #88C0D0;      /* logo accent, check circle; never text */
  --color-support-1: #81A1C1;   /* decorative only */
  --color-support-2: #8FBCBB;   /* decorative only */
  --color-white: #FFFFFF;
  --color-focus: #3E5F88;       /* the guide's CSS uses this name; its colour table gives focus rings #3E5F88 */

  /* Type – guide, "Typography": Inter 4, headlines 500, body 400,
     labels 500 uppercase with 0.1em tracking. Web fonts not here yet. */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-4xl: 4rem;       --leading-4xl: 4.25rem;    /* 64/68 */
  --text-3xl: 3rem;       --leading-3xl: 3.375rem;   /* 48/54 */
  --text-2xl: 2.25rem;    --leading-2xl: 2.625rem;   /* 36/42 */
  --text-xl: 1.75rem;     --leading-xl: 2.125rem;    /* 28/34 */
  --text-lg: 1.4375rem;   --leading-lg: 1.875rem;    /* 23/30 */
  --text-md: 1.1875rem;   --leading-md: 1.75rem;     /* 19/28 */
  --text-base: 1rem;      --leading-base: 1.625rem;  /* 16/26 */
  --text-sm: 0.875rem;    --leading-sm: 1.25rem;     /* 14/20 */
  --text-xs: 0.75rem;     --leading-xs: 1rem;        /* 12/16 */
  --tracking-label: 0.1em;
}