:root {
  --font-base: 'Montserrat', sans-serif;

  --fs-base: 18px;
  --fs-sm: 0.875rem;
  --fs-lg: 1.25rem;
  --fs-h1: clamp(2rem, 1.6rem + 1.8vw, 3.4rem);
  --fs-h2: clamp(1.6rem, 1.3rem + 1.3vw, 2.4rem);
  --fs-h3: clamp(1.3rem, 1.2rem + 0.8vw, 1.8rem);

  --fw-h1: 500;
  --fw-h2: 500;
  --fw-h3: 500;
  --fw-h4: 500;
  --fw-h5: 500;
  --fw-h6: 500;

  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 18px;
  --space-lg: 28px;
  --space-xl: 40px;
  --space-2xl: 56px;
  --space-3xl: 84px;

  --container-max: 1720px;
  --container-narrow: 1720px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;

  --color-accent: #000000;
  --color-accent-rgb: 0, 0, 0;
  --color-on-accent: #ffffff;
  --color-text: #111111;
  --color-text-rgb: 17, 17, 17;
  --color-muted: #5f6672;
  --color-white: #ffffff;
  --color-surface: #f5f5f5;

  --btn-padding-y: 12px;
  --btn-padding-x: 24px;
  --btn-border-width: 1px;
  --btn-row-gap: var(--space-md);
}