:root {
  --font-heading: "Sora", "Trebuchet MS", sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;

  --bg: #0c0a14;
  --bg-alt: #141027;
  --surface: #1b1533;
  --surface-strong: #231a41;
  --card: #171129;
  --text: #f5f1ff;
  --text-muted: #b4a9d6;
  --text-soft: #8a7eb7;

  --accent: #f45bd4;
  --accent-strong: #b64bff;
  --accent-warm: #ff8ac2;
  --accent-cool: #6f6bff;
  --line: rgba(181, 158, 255, 0.2);
  --line-soft: rgba(181, 158, 255, 0.12);

  --glow-1: radial-gradient(60% 60% at 20% 20%, rgba(246, 92, 212, 0.3), transparent 70%);
  --glow-2: radial-gradient(60% 60% at 85% 15%, rgba(111, 107, 255, 0.25), transparent 70%);
  --glow-3: radial-gradient(60% 60% at 70% 80%, rgba(255, 138, 194, 0.2), transparent 70%);

  --gradient-primary: linear-gradient(135deg, #f45bd4 0%, #b64bff 50%, #6f6bff 100%);
  --gradient-soft: linear-gradient(140deg, rgba(246, 92, 212, 0.14), rgba(111, 107, 255, 0.1));
  --shadow-strong: 0 30px 80px rgba(14, 10, 30, 0.7);
  --shadow-soft: 0 20px 40px rgba(15, 10, 33, 0.4);
  --shadow-card: 0 16px 32px rgba(7, 5, 18, 0.35);
}