/* Design tokens */
:root {
  --glass: rgba(255, 255, 255, 0.055);
  --glass-strong: rgba(255, 255, 255, 0.1);
  --glass-soft: rgba(255, 255, 255, 0.035);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-highlight: rgba(255, 255, 255, 0.18);

  --text: #f2f4f8;
  --text-muted: rgba(242, 244, 248, 0.58);
  --text-faint: rgba(242, 244, 248, 0.34);

  --accent: #6dffc8;
  --accent-2: #c4b5ff;
  --accent-warm: #ffc89a;
  --accent-soft: rgba(109, 255, 200, 0.14);

  --bg: #07080c;
  --bg-elevated: #0a0c12;

  --blur: 22px;
  --radius: 22px;
  --radius-sm: 14px;
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  --shadow-hover: 0 18px 50px rgba(0, 0, 0, 0.5);

  --font: "Manrope", "Segoe UI", sans-serif;
  --font-display: "Unbounded", "Manrope", sans-serif;
  --max: 1120px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.35s;
}