/* MRA Scout design tokens — single source of truth for all three surfaces.
   Palette follows DESIGN-SYSTEM.md, tuned against the reference PNGs. */
:root {
  --scout-bg: #07060d;
  --scout-bg-elevated: #0d0917;
  --scout-surface: #151024;
  --scout-surface-2: #1d1630;
  --scout-surface-3: #241b38;
  --scout-inset: #0f0b1c;
  --scout-border: rgba(183, 160, 255, 0.18);
  --scout-border-strong: rgba(183, 160, 255, 0.34);
  --scout-text: #f8f6ff;
  --scout-text-2: #dcd5f0;
  --scout-text-muted: #b8aed0;
  --scout-text-dim: #8d83a8;
  --scout-violet: #a62cff;
  --scout-violet-soft: #c79bff;
  --scout-lavender: #b9a8ff;
  --scout-pink: #f238c7;
  --scout-magenta: #f2389f;
  --scout-coral: #ff7961;
  --scout-orange: #ffad49;
  --scout-success: #38e7aa;
  --scout-warning: #f8b74d;
  --scout-danger: #ff617e;
  --scout-gradient: linear-gradient(100deg, #a62cff 0%, #f238c7 52%, #ff7961 82%, #ffad49 100%);
  --scout-gradient-text: linear-gradient(90deg, #a62cff 0%, #d534e6 30%, #f238c7 55%, #ff7961 82%, #ffad49 100%);

  --font-display: "Archivo", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-ui: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", "Geist", ui-sans-serif, system-ui, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.35);
  --glow-violet: 0 0 0 1px rgba(166, 44, 255, 0.45), 0 8px 30px rgba(166, 44, 255, 0.28);
  --glow-pink: 0 8px 28px rgba(242, 56, 199, 0.35);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 180ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}