/* ═════════════════════════════════════════════════════════════════════
   North Dakota — design tokens + app shell
   Token names/values follow docs/first-pass-mvp-checklist.md §2 and stay
   aligned with the DakotAlert frontend and GreenScreen admin console.
   No external/CDN assets: system font fallbacks preserve the token names.
   ═════════════════════════════════════════════════════════════════════ */

/* Self-hosted Plus Jakarta Sans (OFL-1.1, see ui/fonts/OFL.txt) — one variable
   woff2 covering the 200–800 weight range. No CDN: this satisfies the project's
   "no external/CDN assets" rule while letting --font-display actually render the
   intended face instead of silently falling back to the system sans. */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans.woff2") format("woff2");
}

:root {
  color-scheme: light;

  --bfc-navy: #132652;
  --bfc-navy-deep: #0f1d40;
  --bfc-indigo: #3f53d8;
  --bfc-indigo-dark: #1c3e95;
  --bfc-teal: #23b1a5;
  --bfc-teal-soft: #38b1a5;
  --bfc-yellow: #fdca49;
  /* Sibling of --bfc-indigo, rotated toward violet — used to keep timeline
     event categories distinguishable while staying on-palette. */
  --bfc-violet: #6b5bd0;
  --bfc-page: #eef1f4;
  --bfc-surface: #ffffff;
  --bfc-ink: #19191d;
  --bfc-copy: #4f4f4f;
  --bfc-muted: #5d6c7b;
  --bfc-line: #e3e8ef;
  --bfc-line-strong: #d8e0e8;
  --bfc-soft: #f7f8f9;
  --bfc-soft-2: #f1f3f7;
  --bfc-danger-bg: #fff3f2;
  --bfc-danger-line: #ffdede;
  --bfc-danger-text: #b42318;
  --bfc-warn-bg: #fff8e1;
  --bfc-warn-line: #ffe8a3;
  --bfc-warn-text: #8a5a00;
  --bfc-success-bg: rgba(35, 177, 165, 0.12);
  --bfc-success-text: #11756c;

  --shadow-card: 0 1px 2px rgba(19, 38, 82, 0.04), 0 8px 24px rgba(19, 38, 82, 0.06);
  --shadow-elev: 0 18px 40px rgba(19, 38, 82, 0.12);
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--bfc-ink);
  background: var(--bfc-page);
  -webkit-font-smoothing: antialiased;
}

code, .mono { font-family: var(--font-mono); font-size: 0.92em; }