/* ═══════════════════════════════════════════════════════════
   Personas v2 — Design Tokens
   Matches original Personas cyberpunk aesthetic
   ═══════════════════════════════════════════════════════════ */

:root {
  --bg: #080808;
  --surface: #101010;
  --surface2: #161616;
  --surface3: #1a1a1a;
  --border: #1e1e1e;
  --border-hover: #333333;

  --accent: #00ff88;
  --accent-dim: rgba(0, 255, 136, 0.12);
  --accent-glow: rgba(0, 255, 136, 0.08);
  --accent2: #ff3366;
  --accent2-dim: rgba(255, 51, 102, 0.12);
  --accent3: #ffaa00;
  --accent3-dim: rgba(255, 170, 0, 0.12);

  --text: #f0f0f0;
  --text-secondary: #aaaaaa;
  --muted: #444444;
  --muted2: #666666;

  --font-display: 'Syne', sans-serif;
  --font-mono: 'Space Mono', monospace;

  --radius: 0;
  --nav-height: 56px;
  --max-width: 1100px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --transition: 0.2s ease;
}