:root {
  /* Colors */
  --color-bg: #efede3;
  --color-text: #000000;
  --color-border: #000000;

  /* Typography */
  --font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-size-heading: 40px;
  --font-size-l: 20px;
  --font-size-m: 20px;
  --font-size-s: 16px;
  --line-height: 1.4;

  /* Spacing */
  --spacing-h: 160px;
  --spacing-header-v: 72px;
  --spacing-section-v: 80px;
  --spacing-footer-top: 112px;
  --spacing-footer-v: 72px;
  --spacing-section-gap: 24px;
  --spacing-col-gap: 80px;
  --spacing-pub-gap: 10px;

  /* Layout */
  --max-content-width: 1409px;
}

@media (max-width: 1399px) {
  :root {
    --spacing-footer-top: 72px;
  }
}

@media (max-width: 959px) {
  :root {
    --spacing-h: 24px;
    --spacing-header-v: 40px;
    --spacing-section-v: 40px;
    --spacing-footer-top: 40px;
    --spacing-footer-v: 40px;
    --font-size-m: 16px;
    --font-size-l: 16px;
  }
}