/* GENERATED by tokens/build.mjs from tokens/brand.json. DO NOT EDIT. */
:root {
  /* ── primitives: raw palette. Do not use directly in components. ── */
  /* hex: plain CSS, SVG fills */
  --brand-navy: #1E3A5F;
  --brand-steel: #2D5986;
  --brand-ember: #C8511B;
  --brand-gold: #EF9F27;
  --brand-goldink: #412402;
  --brand-ash: #8A9BB0;
  --brand-chalk: #F4F1EC;
  --brand-iron: #1A1A1A;
  --brand-white: #FFFFFF;
  --brand-gray-50: #F9FAFB;
  --brand-gray-100: #F3F4F6;
  --brand-gray-200: #E5E7EB;

  /* rgb channels: Tailwind opacity modifiers, e.g. bg-brand-ember/10 */
  --brand-navy-rgb: 30 58 95;
  --brand-steel-rgb: 45 89 134;
  --brand-ember-rgb: 200 81 27;
  --brand-gold-rgb: 239 159 39;
  --brand-goldink-rgb: 65 36 2;
  --brand-ash-rgb: 138 155 176;
  --brand-chalk-rgb: 244 241 236;
  --brand-iron-rgb: 26 26 26;
  --brand-white-rgb: 255 255 255;
  --brand-gray-50-rgb: 249 250 251;
  --brand-gray-100-rgb: 243 244 246;
  --brand-gray-200-rgb: 229 231 235;

  /* ── semantic roles: what components actually reference. Each points at a
     primitive; dark mode overrides these under a selector, nothing else. ── */
  --surface: var(--brand-chalk);
  --surface-raised: var(--brand-white);
  --surface-sunken: var(--brand-gray-50);
  --surface-inverse: var(--brand-navy);
  --fg: var(--brand-iron);
  --fg-muted: var(--brand-ash);
  --fg-strong: var(--brand-navy);
  --fg-inverse: var(--brand-chalk);
  --line: var(--brand-gray-100);
  --line-strong: var(--brand-gray-200);

  --surface-rgb: var(--brand-chalk-rgb);
  --surface-raised-rgb: var(--brand-white-rgb);
  --surface-sunken-rgb: var(--brand-gray-50-rgb);
  --surface-inverse-rgb: var(--brand-navy-rgb);
  --fg-rgb: var(--brand-iron-rgb);
  --fg-muted-rgb: var(--brand-ash-rgb);
  --fg-strong-rgb: var(--brand-navy-rgb);
  --fg-inverse-rgb: var(--brand-chalk-rgb);
  --line-rgb: var(--brand-gray-100-rgb);
  --line-strong-rgb: var(--brand-gray-200-rgb);

  --font-display: Georgia, Cambria, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, sans-serif;
}