:root {
  color-scheme: dark;

  --color-ink: #03080b;
  --color-night: #071116;
  --color-night-soft: #0b1c23;
  --color-petrol: #0d3440;
  --color-ice: #b9f3ff;
  --color-cyan: #34d9f1;
  --color-aqua: #52f2e2;
  --color-heat: #f58a32;
  --color-whatsapp: #25d366;
  --color-whatsapp-dark: #128c47;
  --color-white: #f7fbfc;
  --color-muted: #a8bbc1;
  --color-line: rgb(185 243 255 / 16%);

  --font-sans: "Aptos", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;

  --step--1: clamp(0.78rem, 0.74rem + 0.18vw, 0.9rem);
  --step-0: clamp(1rem, 0.94rem + 0.25vw, 1.13rem);
  --step-1: clamp(1.25rem, 1.12rem + 0.54vw, 1.56rem);
  --step-2: clamp(1.56rem, 1.31rem + 1.04vw, 2.18rem);
  --step-3: clamp(2rem, 1.54rem + 1.9vw, 3.12rem);
  --step-4: clamp(2.55rem, 1.69rem + 3.57vw, 4.75rem);
  --step-5: clamp(3.1rem, 1.9rem + 4.6vw, 6.1rem);

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;

  --shell: 84rem;
  --header-height: 5.25rem;
  --radius-pill: 999px;
  --radius-medium: 1.25rem;
}