:root {
  /* Colors */
  --color-text-primary: #292929;
  --color-text-secondary: #707990;
  --color-accent: #01c2c2;
  --color-accent-link: #00b4b4;
  --color-background: #ffffff;

  /* Fonts */
  --font-family-base: 'Lato', sans-serif;
  --font-family-heading: 'Lato', sans-serif;

  --font-size-h1: 41px;
  --font-size-h2: 60px;
  --font-size-h3: 28px;
  --font-size-p-medium: 28px;
  --font-size-p-bold: 28px;
  --font-size-link: 23px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --spacing-xxxl: 60px;
  --spacing-xxxxl: 80px;

  /* Borders */
  --border-radius-sm: 8px;
  --border-radius-md: 16px;
}