:root {
  color-scheme: light;

  --font-sans: 'Overpass', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    sans-serif;
  --font-display: 'Unbounded', 'Overpass', ui-sans-serif, system-ui, sans-serif;
  --font-subtitle: 'Fira Sans', 'Overpass', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Fira Mono', 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  --color-light-shade: #fafaf9;
  --color-light-accent: #f1f1ef;
  --color-brand: #8dbae7;
  --color-dark-accent: #1f1f1f;
  --color-dark-shade: #050505;
  --color-text: #676767;
  --color-text-strong: #343434;
  --color-border: rgba(5, 5, 5, 0.16);
  --color-border-soft: rgba(5, 5, 5, 0.09);
  --color-white: #ffffff;

  --shadow-soft: 0 22px 58px rgba(5, 5, 5, 0.08);
  --shadow-hover: 0 28px 70px rgba(5, 5, 5, 0.12);

  --radius: 8px;
  --radius-pill: 32px;
  --header-height: 104px;
  --container: 1200px;
  --container-wide: 1260px;

  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-20: 80px;
}