/* Self-hosted fonts (SIL Open Font License, see assets/fonts/OFL-LICENSE.txt) */
@font-face { font-family: "Archivo"; font-style: normal; font-display: swap; font-weight: 100 900; font-stretch: 62% 125%; src: url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2-variations"), url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-style: normal; font-display: swap; font-weight: 600; src: url("../fonts/fraunces-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-style: normal; font-display: swap; font-weight: 700 900; src: url("../fonts/fraunces-latin-900-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url("../fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-display: swap; font-weight: 500; src: url("../fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-display: swap; font-weight: 600 700; src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-display: swap; font-weight: 400; src: url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-display: swap; font-weight: 500 700; src: url("../fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }

:root {
  --navy: #1C5DA8;
  --brand: #B45309;
  --brand-2: #0EA5E9;
  --accent: #F2B705;
  --tint: #F3F8FD;
  --display: "Fraunces", Georgia, "Times New Roman", serif;
}

/* Light aviation palette: sky-blue bands, taxiway-yellow signs (overrides style.css) */
.label, .tone-navy .label { background: var(--accent); color: #14181F; border: 0; }
.label .ic, .tone-navy .label .ic { color: #14181F; }
.metrics-band::before { background: radial-gradient(800px 300px at 10% 0%, color-mix(in srgb, var(--brand-2) 35%, transparent), transparent 70%); }
.tone-navy { background: linear-gradient(160deg, var(--navy), color-mix(in srgb, var(--navy) 80%, var(--brand-2))); }