:root {
  --color-bg: #070B24;
  --color-bg-deep: #05081B;
  --color-surface: rgba(255,255,255,.055);
  --color-surface-strong: rgba(255,255,255,.085);
  --color-border: rgba(255,255,255,.13);
  --color-border-strong: rgba(77,235,255,.72);
  --color-text: #F7F9FF;
  --color-text-soft: #A7AEC4;
  --color-text-muted: #747D98;
  --color-accent: #4DEBFF;
  --color-accent-2: #4D7CFF;
  --color-violet: #8B5CF6;

  --shadow-glass: 0 18px 60px rgba(0,0,0,.28);
  --glow-soft: 0 0 24px rgba(77,235,255,.18);
  --glow-medium: 0 0 40px rgba(77,235,255,.28);

  --radius-card: 16px;
  --radius-pill: 999px;

  --container: 1180px;
  --survey-width: 760px;

  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;
}