.lucid-landing {
  --lucid-bg: #01041F;
  --lucid-navy: #030D48;
  --lucid-navy-2: #06146B;
  --lucid-navy-3: #0A1B84;
  --lucid-purple: #5808FD;
  --lucid-magenta: #FC00FF;
  --lucid-cyan: #42D7FF;
  --lucid-green: #00E5A0;
  --lucid-red: #FF4669;
  --lucid-amber: #FFD166;
  --lucid-white: #FFFFFF;

  --lucid-text: rgba(255,255,255,.95);
  --lucid-text-2: rgba(255,255,255,.84);
  --lucid-muted: rgba(255,255,255,.67);
  --lucid-faint: rgba(255,255,255,.48);
  --lucid-line: rgba(255,255,255,.14);
  --lucid-line-strong: rgba(255,255,255,.22);
  --lucid-card: rgba(255,255,255,.055);
  --lucid-card-strong: rgba(255,255,255,.085);

  --lucid-radius-sm: 14px;
  --lucid-radius-md: 20px;
  --lucid-radius-lg: 28px;
  --lucid-radius-xl: 36px;

  --lucid-shadow: 0 28px 90px rgba(0,0,0,.28);
  --lucid-container: 1220px;
  --lucid-reading: 760px;
  --lucid-section-y: clamp(76px, 8vw, 118px);
}