:root {
  --container-max: 75rem;
  --container-max-xl: 71.25rem;
  --container-max-lg: 60rem;
  --container-max-md: 45rem;

  --container-pad-2xs: 1rem;
  --container-pad-xs: 1.25rem;
  --container-pad-sm: 1.5rem;
  --container-pad-md: 2rem;
  --container-pad-lg: 2.5rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --color-white: #ffffff;
  --color-hero-bg: #0f1116;
  --color-accent: #f98a30;
  --color-topbar-bg: rgba(155, 171, 199, 0.52);
  --color-chip-bg: rgba(255, 255, 255, 0.2);
  --color-separator: rgba(255, 255, 255, 0.35);

  --hero-height: 52.625rem;
  --hero-topbar-height: 5.875rem;
  --hero-font-main: 3.375rem;
  --hero-font-sub: 2.375rem;
  --hero-font-chip: 1.375rem;
  --hero-font-btn: 1.25rem;

  --transition-fast: 0.2s ease;
}