/* VaakKavach - CSS Custom Properties & Design Tokens */
:root {
  --bg-pitch: #000000;
  --bg-obsidian-sub: #05070a;
  --bg-card: rgba(11, 17, 26, 0.75);
  --bg-card-hover: rgba(16, 24, 38, 0.9);
  --bg-elevated: #0f1622;
  --bg-well: #030508;

  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-titanium: rgba(148, 163, 184, 0.2);
  --border-highlight: rgba(255, 255, 255, 0.15);

  --color-emerald: #10b981;
  --color-emerald-glow: rgba(16, 185, 129, 0.25);
  --color-crimson: #ef4444;
  --color-crimson-glow: rgba(239, 68, 68, 0.3);
  --color-cyan: #38bdf8;
  --color-cyan-glow: rgba(56, 189, 248, 0.25);

  --font-display: 'Space Grotesk', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-sanskrit: 'Noto Sans Devanagari', sans-serif;

  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}