/* BLACKMOON NEXUS — Design tokens (website / marketing)
 * Product recovery 20260724 — near-black canvas, restrained Nexus violet.
 * Status greens/ambers/reds are reserved for status chips only.
 */

:root {
  /* Brand canvas */
  --bm-bg: #07090d;
  --bm-bg-elev: #0e131a;
  --bm-bg-card: rgba(14, 19, 26, 0.88);
  --bm-text: #e8eef7;
  --bm-muted: #8b97a8;
  --bm-accent: #7a6bb5;
  --bm-accent-2: #5b527e;
  --bm-line: rgba(197, 208, 220, 0.12);
  --bm-gradient: linear-gradient(135deg, #7a6bb5 0%, #3d4a63 100%);
  --bm-steel: #7eb6c9;
  --bm-silver: #c5d0dc;
  --bm-radius: 4px;
  --bm-max: 1120px;

  /* Status (status surfaces only) */
  --bm-status-ok: #3d9b7a;
  --bm-status-warn: #c4a35a;
  --bm-status-bad: #b85c5c;

  /* Typography */
  --bm-font-display: "Syne", "Avenir Next", "Segoe UI", sans-serif;
  --bm-font-ui: "Source Sans 3", "IBM Plex Sans", "Segoe UI", sans-serif;
  --bm-font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Spacing */
  --bm-space-1: 4px;
  --bm-space-2: 8px;
  --bm-space-3: 12px;
  --bm-space-4: 16px;
  --bm-space-5: 24px;
  --bm-space-6: 32px;
  --bm-space-7: 48px;
  --bm-space-8: 64px;

  /* Motion */
  --bm-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --bm-dur-enter: 600ms;
  --bm-dur-fast: 180ms;

  /* Legacy aliases */
  --bg: var(--bm-bg);
  --bg-elevated: var(--bm-bg-elev);
  --bg-card: var(--bm-bg-card);
  --text: var(--bm-text);
  --text-muted: var(--bm-muted);
  --purple: var(--bm-accent);
  --blue: var(--bm-steel);
  --indigo: var(--bm-accent-2);
  --border: var(--bm-line);
  --gradient: var(--bm-gradient);
  --radius: var(--bm-radius);
  --max: var(--bm-max);
  --font: var(--bm-font-ui);
  --mono: var(--bm-font-mono);

  --brand-purple: var(--bm-accent);
  --brand-indigo: var(--bm-accent-2);
  --brand-dark: #0e131a;
  --brand-white: #ffffff;
  --brand-gradient: var(--bm-gradient);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --bm-dur-enter: 1ms;
    --bm-dur-fast: 1ms;
  }
}