:root {
  --primary: #1e40af;
  --primary-hover: #2563eb;
  --accent: #ff00ff;
  --primary-dim: rgba(30, 64, 175, 0.08);
  --primary-glow: rgba(30, 64, 175, 0.2);
  --accent-dim: rgba(255, 0, 255, 0.08);
  --text: #f0f1f5;
  --text-secondary: #9298b0;
  --text-tertiary: #7c82a0;
  --radius: 12px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-slow: 600ms;
}