:root {
  /* Colors */
  --obsidian: #08090C;
  --mithral: #FFFFFF;
  --mithral-dim: rgba(255, 255, 255, 0.74);
  --mithral-soft: rgba(255, 255, 255, 0.48);
  --mithral-dark: rgba(255, 255, 255, 0.22);
  --arcane-blue: #A78BFA;
  --arcane-glow: rgba(167, 139, 250, 0.32);
  --mithral-glow: rgba(255, 255, 255, 0.16);
  
  /* Status Colors */
  --success: #10B981;
  --danger: #ef4444;
  --warning: #F59E0B;

  /* Surfaces */
  --surface-card: rgba(22, 20, 28, 0.88);
  --surface-card-hover: rgba(30, 27, 38, 0.94);
  --surface-glass: rgba(8, 9, 12, 0.66);
  --surface-glass-strong: rgba(8, 9, 12, 0.86);
  --border-arcane: rgba(167, 139, 250, 0.16);
  --border-subtle: rgba(255, 255, 255, 0.08);

  /* Typography */
  --font-rune: 'Cinzel Decorative', serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}