/* Onion Mail — design tokens (ONE source of truth for the whole site) */
:root {
  /* color roles — Midnight Neon */
  --bg: #070714;
  --bg-raise: #0d0d21;
  --bg-panel: #12122a;
  --bg-hover: #1a1a38;
  --bg-active: #23234a;
  --line: #26264a;
  --line-soft: #1b1b36;
  --text: #eef0ff;
  --text-dim: #9aa0c7;
  --text-faint: #6a6f96;
  --cyan: #00e5ff;
  --cyan-dim: #0e7d8f;
  --violet: #8b5cf6;
  --violet-deep: #5b21b6;
  --green: #34d399;
  --red: #f87171;
  --amber: #fbbf24;
  --row-unread: #171735;
  /* spacing scale */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;
  /* radius scale */
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-full: 999px;
  /* shadow / elevation */
  --sh-1: 0 2px 10px rgba(0,0,0,.45);
  --sh-2: 0 10px 34px rgba(0,0,0,.6);
  --glow-cyan: 0 0 0 1px rgba(0,229,255,.35), 0 0 18px rgba(0,229,255,.18);
  /* type scale */
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 15px; --fs-lg: 18px; --fs-xl: 24px; --fs-hero: 34px;
  --font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}