/* Lean brand tokens — values taken only from brand/brand-summary.md */

@font-face { font-family: "Cairo"; font-weight: 200; font-display: swap;
  src: url("../brand/fonts/Cairo-ExtraLight 2024-06-06 15_38_55.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 300; font-display: swap;
  src: url("../brand/fonts/Cairo-Light 2024-05-27 11_02_18.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 400; font-display: swap;
  src: url("../brand/fonts/Cairo-Regular 2024-06-06 15_38_56.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 600; font-display: swap;
  src: url("../brand/fonts/Cairo-SemiBold 2024-06-05 19_01_08.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 700; font-display: swap;
  src: url("../brand/fonts/Cairo-Bold 2024-05-27 11_02_16.ttf") format("truetype"); }
@font-face { font-family: "Cairo"; font-weight: 900; font-display: swap;
  src: url("../brand/fonts/Cairo-Black 2024-05-27 11_02_19.ttf") format("truetype"); }

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

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

  /* Grid: 30 px base cell */
  --cell: 30px;
  --half: calc(var(--cell) / 2);
  --radius: 6px;

  /* Semantic (light theme) — no white backgrounds */
  --bg: var(--lean-offwhite);
  --surface: rgba(34, 36, 73, 0.04);
  --surface-strong: rgba(38, 58, 138, 0.08);
  --border: rgba(179, 180, 179, 0.6);
  --text: var(--lean-navy);
  --text-muted: var(--lean-darkgray);
  --accent: var(--lean-blue);
  --good: var(--lean-green);
  --warn: var(--lean-yellow);
  --info: var(--lean-teal);
  --track: rgba(179, 180, 179, 0.45);
  --focus: var(--lean-teal);
}