:root {
  /* Brand colors — overridable via site.yaml */
  --primary-color: #0a0e27;
  --accent-color: #00d4ff;
  --accent-secondary: #00ff88;
  --accent-highlight: #ff0066;
  --accent-hover: #33dfff;

  /* Surfaces */
  --bg-color: #060a1f;
  --surface-1: #0c1131;
  --surface-2: #111738;
  --surface-3: #171d42;
  --surface-elevated: #141a40;

  /* Text */
  --text-color: #eaf0ff;
  --text-muted: #7a8bb5;
  --text-accent: var(--accent-color);

  /* Borders */
  --border-color: rgba(0, 212, 255, 0.15);
  --border-subtle: rgba(255, 255, 255, 0.06);

  /* Typography */
  --font-heading: "Rajdhani", sans-serif;
  --font-body: "Space Grotesk", sans-serif;

  /* Spacing */
  --section-gap: 4rem;
  --card-gap: 1.5rem;
  --border-radius: 4px;
  --border-radius-sm: 2px;
  --border-radius-lg: 6px;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.5);
  --shadow-elevated: 0 8px 32px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 20px rgba(0, 212, 255, 0.25);
  --shadow-glow-green: 0 0 20px rgba(0, 255, 136, 0.2);
  --shadow-glow-pink: 0 0 20px rgba(255, 0, 102, 0.2);

  /* Gradients */
  --hero-gradient-start: #0a0e27;
  --hero-gradient-end: #0d1a3a;
  --card-gradient: linear-gradient(145deg, rgba(17, 23, 56, 0.8), rgba(12, 17, 49, 0.6));

  /* Glass */
  --glass-bg: rgba(12, 17, 49, 0.6);
  --glass-border: rgba(0, 212, 255, 0.12);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;

  /* Neon glow utilities */
  --neon-blue: 0 0 10px rgba(0, 212, 255, 0.5), 0 0 40px rgba(0, 212, 255, 0.15);
  --neon-green: 0 0 10px rgba(0, 255, 136, 0.5), 0 0 40px rgba(0, 255, 136, 0.15);
  --neon-pink: 0 0 10px rgba(255, 0, 102, 0.5), 0 0 40px rgba(255, 0, 102, 0.15);
}

:root {
  --primary-color: #0a0e27;
  --accent-color: #00d4ff;
}