:root {
  --ad-bg: #0a0d14;
  --ad-surface-1: #0f172a;
  --ad-surface-2: #1a1f2e;
  --ad-surface-3: #242b3d;
  --ad-border: rgba(94, 234, 212, 0.1);
  --ad-border-bright: rgba(94, 234, 212, 0.25);

  --ad-text-1: #f8fafc;
  --ad-text-2: #cbd5e1;
  --ad-text-3: #64748b;

  /* VERA Teal/Cyan - primary accent */
  --ad-accent-teal: #14b8a6;
  --ad-accent-teal-bright: #5eead4;
  --ad-accent-teal-dim: #0d9488;
  --ad-accent-cyan: #22d3ee;

  /* VERA Purple - demon/monster accent */
  --ad-accent-purple: #7c3aed;
  --ad-accent-purple-bright: #8b5cf6;
  --ad-accent-purple-dim: #6366f1;
  --ad-accent-purple-dark: #581c87;

  /* Legacy aliases */
  --ad-accent-green: #14b8a6;
  --ad-accent-pink: #c4b5fd;
  --ad-accent-blue: #22d3ee;

  /* VERA Gold - warm anime gold */
  --ad-gold: #fcd34d;
  --ad-gold-bright: #fef3c7;
  --ad-gold-dim: #f59e0b;

  --ad-success: #22c55e;
  --ad-warning: #f59e0b;
  --ad-danger: #dc2626;

  --ad-skin: #fef3c7;
  --ad-skin-dim: #fde68a;
  --ad-metal: #fcd34d;

  --ad-radius-1: 6px;
  --ad-radius-2: 10px;
  --ad-radius-3: 14px;
  --ad-radius-4: 20px;

  --ad-space-1: 4px;
  --ad-space-2: 8px;
  --ad-space-3: 12px;
  --ad-space-4: 16px;
  --ad-space-5: 24px;
  --ad-space-6: 32px;

  --ad-shadow-1: 0 6px 16px rgba(0, 0, 0, 0.4);
  --ad-shadow-2: 0 10px 30px rgba(0, 0, 0, 0.5);
  --ad-glow-teal: 0 0 20px rgba(94, 234, 212, 0.35);
  --ad-glow-cyan: 0 0 20px rgba(34, 211, 238, 0.4);
  --ad-glow-purple: 0 0 20px rgba(124, 58, 237, 0.35);
  --ad-glow-gold: 0 0 20px rgba(252, 211, 77, 0.4);
  /* Legacy alias */
  --ad-glow-green: 0 0 20px rgba(94, 234, 212, 0.35);

  --ad-font-sans: "Space Grotesk", "Inter", system-ui, sans-serif;
  --ad-font-xs: 12px;
  --ad-font-sm: 14px;
  --ad-font-md: 16px;
  --ad-font-lg: 20px;
  --ad-font-xl: 28px;
}