/* Canonical Zynx tokens. Run scripts/sync_design_tokens.py after editing. */
:root {
  --zynx-bg: #080f26;
  --zynx-navy: #101a46;
  --zynx-surface: #111d39;
  --zynx-raised: #1a2a4d;
  --zynx-blue: #245bff;
  --zynx-blue-hover: #1745d9;
  --zynx-text: #f1f5ff;
  --zynx-muted: #c1cee8;
  --zynx-line: #35496e;
  --zynx-focus: #adc3ff;
  --zynx-danger: #ffb8bf;
  --zynx-success: #a6e9d1;
  --zynx-font: 'Onest Variable', Onest, system-ui, sans-serif;
  --zynx-space-1: 4px;
  --zynx-space-2: 8px;
  --zynx-space-3: 12px;
  --zynx-space-4: 16px;
  --zynx-space-6: 24px;
  --zynx-space-8: 32px;
  --zynx-space-12: 48px;
  --zynx-radius-control: 12px;
  --zynx-radius-card: 24px;
  --zynx-radius-pill: 999px;
  --zynx-shadow: 0 16px 48px #02081735;
  --zynx-duration-fast: 160ms;
  --zynx-duration-state: 280ms;
  --zynx-duration-enter: 480ms;
  --zynx-ease: cubic-bezier(.22, 1, .36, 1);
  --bg: var(--zynx-bg);
  --navy: var(--zynx-navy);
  --surface: var(--zynx-surface);
  --surface-raised: var(--zynx-raised);
  --accent: var(--zynx-blue);
  --accent-hover: var(--zynx-blue-hover);
  --accent-light: var(--zynx-focus);
  --fg: var(--zynx-text);
  --muted: var(--zynx-muted);
  --line: var(--zynx-line);
  --border: var(--zynx-line);
  --danger: var(--zynx-danger);
  --ease: var(--zynx-ease);
}
@media (prefers-reduced-motion: reduce) {
  :root { --zynx-duration-fast: 0ms; --zynx-duration-state: 0ms; --zynx-duration-enter: 0ms; }
}