/* Lean brand tokens — source: brand/brand-summary.md */
@font-face { font-family: "Cairo"; font-weight: 200; font-display: swap;
  src: url("../brand/fonts/Cairo-ExtraLight%202024-06-06%2015_38_55.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 300; font-display: swap;
  src: url("../brand/fonts/Cairo-Light%202024-05-27%2011_02_18.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 400; font-display: swap;
  src: url("../brand/fonts/Cairo-Regular%202024-06-06%2015_38_56.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 600; font-display: swap;
  src: url("../brand/fonts/Cairo-SemiBold%202024-06-05%2019_01_08.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 700; font-display: swap;
  src: url("../brand/fonts/Cairo-Bold%202024-05-27%2011_02_16.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 900; font-display: swap;
  src: url("../brand/fonts/Cairo-Black%202024-05-27%2011_02_19.ttf") format("truetype"); }

:root {
  /* Palette (only these) */
  --blue: #263A8A;
  --navy: #222449;
  --offwhite: #F3F3F2;
  --green: #22AE88;
  --darkgray: #54575B;
  --lightgray: #B3B4B3;
  --teal: #0081A5;
  --yellow: #F9B450;

  /* Typography */
  --font: "Cairo", Helvetica, Arial, sans-serif;
  --w-xlight: 200; --w-light: 300; --w-regular: 400;
  --w-semibold: 600; --w-bold: 700; --w-black: 900;

  /* Grid: 30px square cell */
  --cell: 30px;
  --half: calc(var(--cell) / 2);

  /* Type scale (screen) */
  --fs-headline: 28px;
  --fs-subhead: 20px;
  --fs-intro: 16px;
  --fs-body: 14px;
  --fs-foot: 12px;

  --radius: 6px;
  --line: 1px solid var(--lightgray);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 450ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}