:root {
  --bg-deep: #050810;
  --bg-surface: #0a0f1a;
  --bg-elevated: #111827;

  --coral-bright: #ff4d4d;
  --coral-mid: #e63946;
  --coral-dark: #991b1b;

  --cyan-bright: #00e5cc;
  --cyan-mid: #14b8a6;
  --cyan-glow: rgba(0, 229, 204, 0.4);

  --text-primary: #f0f4ff;
  --text-secondary: #8892b0;
  --text-muted: #5a6480;

  --border-subtle: rgba(136, 146, 176, 0.15);
  --border-accent: rgba(255, 77, 77, 0.3);

  --surface-card: rgba(10, 15, 26, 0.65);
  --surface-card-strong: rgba(10, 15, 26, 0.8);
  --surface-overlay: rgba(0, 0, 0, 0.3);

  --surface-interactive: rgba(255, 255, 255, 0.1);
  --surface-interactive-hover: rgba(255, 255, 255, 0.2);

  --surface-cyan-soft: rgba(0, 229, 204, 0.15);
  --surface-coral-soft: rgba(255, 77, 77, 0.15);

  --surface-inset-highlight: rgba(255, 255, 255, 0.05);

  --shadow-coral-soft: rgba(255, 77, 77, 0.15);
  --shadow-coral-mid: rgba(255, 77, 77, 0.25);
  --shadow-coral-strong: rgba(255, 77, 77, 0.35);

  --shadow-cyan-soft: rgba(0, 229, 204, 0.15);

  --hero-title-start: #f0f4ff;
  --hero-title-end: #00e5cc;
}