/* fcaster_x — design tokens
   Palette + type scale extracted verbatim from the deployed FloodMapper Pro
   source (docs/real-source.html), which is ground truth. GitHub-dark family. */

:root {
  --bg: #0d1117;
  --panel: #161b22;
  --border: #21262d;
  --accent: #1f6feb;
  --accent2: #388bfd;
  --warn: #f78166;
  --ok: #3fb950;
  --text: #e6edf3;
  --muted: #8b949e;
  --panel-width: 340px;
}

/* ---- Fonts (bundled locally; no external CDN dependency) ---- */
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Regular.ttf') format('truetype');  font-weight: 400; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Medium.ttf') format('truetype');   font-weight: 500; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Bold.ttf') format('truetype');     font-weight: 700; font-display: swap; }
@font-face { font-family: 'Space Mono'; src: url('../fonts/SpaceMono-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Space Mono'; src: url('../fonts/SpaceMono-Bold.ttf') format('truetype');    font-weight: 700; font-display: swap; }

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'DM Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}