/* Generated by generators/package_brand_skill.py — do not edit by hand.
 * Scoped to :root custom properties only. No global visual reset.
 * Import fonts.css separately if you use the bundled faces; each family
 * is independently optional. fonts.css also loads the licensed
 * Schmalfette display face from the FAI-only package. */
:root {
  --fai-color-international-orange: #FF4F00;
  --fai-color-cod-gray: #121212;
  --fai-color-smoke-white: #F3F3F3;
  --fai-color-timberwolf: #D9D9D6;
  --fai-color-page-ground: #FFFFFF; /* document page ground, not a composed surface */
  --fai-color-technology-statecraft: #FFA300;
  --fai-color-american-governance: #7150D6;
  --fai-color-artificial-intelligence: #0E8C88;
  --fai-color-energy-infrastructure: #268B41;
  --fai-color-science-innovation: #4997D0;
  --fai-color-frontier-legal-defense: #C8102E;

  --fai-font-reading: "IBM Plex Serif";
  --fai-font-utility: "IBM Plex Sans";
  --fai-font-condensed: "IBM Plex Sans Condensed";
  --fai-font-mono: "IBM Plex Mono";
  --fai-font-display: "Schmalfette Grotesk"; /* licensed, bundled for FAI use */

  --fai-space-2px: 2px;
  --fai-space-4px: 4px;
  --fai-space-8px: 8px;
  --fai-space-12px: 12px;
  --fai-space-16px: 16px;
  --fai-space-24px: 24px;
  --fai-space-32px: 32px;
  --fai-space-40px: 40px;
  --fai-space-48px: 48px;
  --fai-space-64px: 64px;
  --fai-space-80px: 80px;
  --fai-space-96px: 96px;
  --fai-space-160px: 160px;

  --fai-grid-baseline: 8px;
  --fai-grid-gutter: 32px;
  --fai-grid-margin: 16px;
  --fai-grid-columns: 4;
  --fai-radius-max: 2px;
}

@media (min-width: 672px) {
  :root {
    --fai-grid-columns: 8;
  }
}
@media (min-width: 1056px) {
  :root {
    --fai-grid-columns: 16;
  }
}
@media (min-width: 1584px) {
  :root {
    --fai-grid-margin: 24px;
  }
}