/* LureTester design tokens. Every page imports this first. Dark, deep-water, high-tech; one accent, one warm signal colour. */
:root {
  --bg-0: #03070d;        /* page */
  --bg-1: #071321;        /* panels */
  --bg-2: #0d1f33;        /* raised */
  --line: rgba(120, 200, 255, 0.14);
  --fg: #e8f3ff;
  --fg-dim: #8fb0c9;
  --fg-mute: #5a7691;
  --accent: #35e0ff;      /* cyan: interactive, glow */
  --accent-2: #7cff9b;    /* green: success, "first" */
  --signal: #ffb347;      /* amber: untested warning */
  --danger: #ff5c7a;
  --glow: 0 0 24px rgba(53, 224, 255, 0.35);
  --radius: 14px;
  --radius-sm: 8px;
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur: 420ms;
  --dur-slow: 900ms;
  --gutter: 16px;
  --max-w: 1200px;
}
@media (prefers-reduced-motion: reduce) { :root { --dur-fast: 1ms; --dur: 1ms; --dur-slow: 1ms; } }