/* CHRS_AI v2 design tokens — "luminous dark".
   Deep-space ground, frosted glass surfaces, a violet→cyan brand light,
   and a teal↔ember diverging scale reserved for moral valence. */
:root {
  color-scheme: dark;

  --bg-0: #04050b;
  --bg-1: #070a14;
  --bg-2: #0b1020;

  --glass: rgba(18, 23, 42, 0.58);
  --glass-strong: rgba(22, 28, 52, 0.78);
  --glass-soft: rgba(255, 255, 255, 0.035);
  --glass-border: rgba(160, 170, 255, 0.12);
  --glass-border-strong: rgba(170, 180, 255, 0.24);
  --glass-highlight: rgba(255, 255, 255, 0.07);

  --text: #eef1ff;
  --text-2: #bcc3e0;
  --muted: #8189aa;
  --faint: #545c7c;

  --violet: #8f7cff;
  --violet-2: #6d5cf5;
  --cyan: #5ce1ff;
  --brand: linear-gradient(135deg, #a18fff 0%, #7b8bff 45%, #5ce1ff 100%);
  --brand-soft: linear-gradient(135deg, rgba(143, 124, 255, 0.22), rgba(92, 225, 255, 0.14));
  --glow-violet: 0 0 0 1px rgba(143, 124, 255, 0.35), 0 8px 40px -8px rgba(143, 124, 255, 0.55);

  --good: #2ee6b6;
  --good-soft: rgba(46, 230, 182, 0.14);
  --bad: #ff6b4a;
  --bad-soft: rgba(255, 107, 74, 0.14);
  --mixed: #8e97b8;
  --warn: #ffc15e;
  --warn-soft: rgba(255, 193, 94, 0.14);
  --info: #6cb8ff;

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 26px;
  --shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.75);
  --shadow-soft: 0 10px 30px -12px rgba(0, 0, 0, 0.6);
  --blur: saturate(160%) blur(22px);

  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --nav-h: 64px;
  --max-w: 1360px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}