:root {
  --overlay-top: rgba(8, 14, 22, 0.35);
  --overlay-mid: rgba(8, 14, 22, 0.52);
  --overlay-bottom: rgba(8, 14, 22, 0.72);

  --text: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.72);
  --text-faint: rgba(255, 255, 255, 0.48);

  --glass: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-strong: rgba(255, 255, 255, 0.14);

  --accent: #2997ff;

  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;

  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --radius-pill: 980px;
  --radius-md: 18px;
}