:root {

  /* Primary colors */
  --color-bg: #ffffff;
  --color-text: #1E1E1E;
  --color-primary: #FF5A00;
  --color-secondary: #ff3366;
  --color-light: #F7F7F7;

  /* Colors made from the primary colors */
  --color-primary-hover: color-mix(in srgb, var(--color-primary) 100%, black 20%);
  --color-primary-muted: color-mix(in srgb, white, var(--color-primary) 20%);
  --color-primary-muted-hover: color-mix(in srgb, white var(--color-primary) 30%);

  /* Basic fonts */
  --font-family-base: "Inter", sans-serif;;
  --line-height-base: 1.5;

  --font-family-title: var(--font-family-base);
  --font-weight-title: 400;
  --line-height-title: 1.2;

  /* Font sizes */
  --font-size-body: 16px;
  --font-size-h1: 45px;
  --font-size-h2: 30px;
  --font-size-h3: 24px;
  --font-size-small: 12px;
  --font-size-header: 17px;
  --font-size-label: 24px;
  --font-size-footer: 20px;
  --font-size-footer-legal: 17px;

  /* Spacings */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Page structure */
  --max-width: 1200px;
  --border-radius: 0px;
}