/* ============================================
   AURORA DESIGN TOKENS
   ============================================ */
:root {
  /* Brand colors */
  --c-purple: #a78bfa;
  --c-purple-deep: #7c3aed;
  --c-cyan: #22d3ee;
  --c-cyan-deep: #06b6d4;
  --c-pink: #f472b6;

  /* Surfaces */
  --bg-base: #07061a;
  --bg-surface: #0f0e2a;
  --bg-card: rgba(255, 255, 255, 0.04);
  --bg-card-hover: rgba(255, 255, 255, 0.06);
  --bg-elevated: rgba(15, 14, 42, 0.85);

  /* Text */
  --text-primary: #f5f3ff;
  --text-secondary: #c4bde0;
  --text-muted: #8b85a8;
  --text-faint: #5d5878;

  /* Borders */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.18);
  --border-glow: rgba(167, 139, 250, 0.35);

  /* Gradients */
  --gradient-aurora: linear-gradient(135deg, #a78bfa 0%, #22d3ee 100%);
  --gradient-aurora-soft: linear-gradient(135deg, rgba(167,139,250,0.15), rgba(34,211,238,0.15));
  --gradient-text: linear-gradient(90deg, #a78bfa 0%, #22d3ee 50%, #f472b6 100%);

  /* Typography */
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Sizes */
  --container-max: 1200px;
  --container-narrow: 760px;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-glow: 0 0 40px rgba(167, 139, 250, 0.25);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-button: 0 4px 24px rgba(167, 139, 250, 0.4);

  /* Transitions */
  --t-fast: 150ms ease;
  --t-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
}