/* Shared NP4th design tokens — dashboard + marketing */
:root {
  --bg: #061018;
  --panel: #0c1a24;
  --surface: #0b1220;
  --text: #e8f4f2;
  --muted: #8aa3a8;
  --accent: #2dd4bf;
  --border: #1e3340;
  --fast: #22c55e;
  --mid: #eab308;
  --slow: #f97316;
  --bad: #ef4444;
  --danger: #ef4444;
  --success: #22c55e;
  --warning: #f59e0b;
  /* Marketing aliases */
  --ink: var(--bg);
  --ink-2: var(--panel);
  --foam: var(--text);
  --teal: var(--accent);
  --teal-deep: #0f766e;
  --line: color-mix(in srgb, var(--text) 12%, transparent);
  --warn: #fbbf24;
  --tip: var(--accent);
  --font-display: "Syne", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
}