/* Theme tokens. Override values here per app; never rewrite selectors in app.css.
 *
 * Dailies: blueprint navy with safety-orange actions and a hi-vis accent, taken
 * from the site itself. Text on orange is near-black, not white: white on
 * #ff8a1f fails contrast, dark ink on it passes at 8:1.
 */

:root {
  --color-bg: #0b1a2e;
  --color-bg-deep: #07111f;
  --color-surface: #10223a;
  --color-surface-2: #16304f;
  --color-border: #24476d;
  --color-grid: rgb(94 200 255 / 0.06);

  --color-accent: #ff8a1f;
  --color-accent-strong: #ffa24a;
  --color-accent-ink: #1a0d00;
  --color-blueprint: #5ec8ff;
  --color-hivis: #d4ec3a;

  --color-text: #eef3f9;
  --color-text-dim: #9fb0c6;
  --color-danger: #ff7b7b;
  --color-danger-bg: rgb(255 107 107 / 0.12);
  --color-info-bg: rgb(94 200 255 / 0.10);
  --color-ok: #3ddc97;

  /* Template names, still read by offline.html and the shared modules. */
  --color-accent-blue: var(--color-accent);
  --color-accent-green: var(--color-hivis);

  --font-data: 'IBM Plex Mono', ui-monospace, monospace;
  --font-prose: 'DM Sans', system-ui, sans-serif;

  --safe-top: env(safe-area-inset-top);
  --safe-bottom: env(safe-area-inset-bottom);
  --safe-left: env(safe-area-inset-left);
  --safe-right: env(safe-area-inset-right);

  --radius: 16px;
  --radius-sm: 10px;
  --tap: 48px;              /* minimum touch target; gloves and cold thumbs */
  --gap: 0.85rem;
  --shadow: 0 12px 32px rgb(0 0 0 / 0.35);
}