:root {
  --font-heading: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --bg: #0b1020;
  --card: rgba(18, 24, 43, 0.6);
  --text: #e7ecf6;
  --muted: #a0abc6;
  --accent: #6f86ff;
  --primary: #6c5ce7;
  --secondary: #22d3ee;
  --border: rgba(120, 140, 200, 0.18);
  --page-bg:
    radial-gradient(900px 600px at 10% 10%, rgba(108, 92, 231, 0.22), transparent 45%),
    radial-gradient(800px 520px at 80% 20%, rgba(34, 211, 238, 0.16), transparent 50%),
    radial-gradient(700px 520px at 50% 90%, rgba(111, 134, 255, 0.12), transparent 50%),
    var(--bg);
  --header-bg: rgba(10, 14, 28, 0.65);
  --footer-bg: rgba(8, 11, 22, 0.9);
  --input-bg: rgba(13, 18, 32, 0.7);
  --button-bg: linear-gradient(135deg, #6c5ce7, #22d3ee);
  --button-text: #0b1020;
  --button-shadow: 0 14px 36px rgba(108, 92, 231, 0.35);
  --card-shadow: 0 20px 50px rgba(5, 7, 12, 0.4);
  --cta-bg: linear-gradient(135deg, rgba(108, 92, 231, 0.16), rgba(34, 211, 238, 0.12));
  --radius-card: 18px;
  --radius-button: 14px;
  --radius-input: 12px;
  --section-pad: 96px;
  --hero-pad: 120px;
}