:root {
    --font-primary: Inter, sans-serif;

    --color-primary: #ff7f54;
    --color-primary-dark: color-mix(in srgb,var(--color-primary),#000 15%);
    --color-text: #505050;
    --color-background: #fefefe;

    --spacing-xs: clamp(24px, 4vw, 40px);
    --spacing-sm: clamp(32px, 6vw, 60px);
    --spacing-md: clamp(40px, 8vw, 80px);
    --spacing-lg: clamp(60px, 12vw, 120px);

    --container-padding: clamp(20px, 6.25vw, 120px);
    --content-width: calc(1680px + (2 * var(--container-padding)));
    --grid-row-gap: clamp(1.25rem, 4vw, 2.5rem);
    --grid-column-gap: clamp(0.75rem, 3vw, 1.25rem);
  }