/* Design tokens: HEXA identity (black, violet, electric cyan). */
:root {
  color-scheme: dark;

  --bg: #07060d;
  --bg-elev: #0d0b17;
  --surface: #121020;
  --surface-2: #181528;

  --border: rgba(139, 92, 246, 0.22);
  --border-strong: rgba(139, 92, 246, 0.5);

  --text: #ece9f7;
  --muted: #a29cba;
  --faint: #6f6a88;

  --violet: #8b5cf6;
  --violet-soft: #a78bfa;
  --cyan: #22d3ee;

  --success: #34d399;
  --warning: #fbbf24;
  --danger: #fb7185;

  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;

  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --shadow-card: 0 0 0 1px var(--border), 0 18px 50px rgba(0, 0, 0, 0.45);

  --sidebar-w: 264px;
  --topbar-h: 56px;
  --tap: 44px; /* minimum touch target */
}