@layer base {
  :root {
    --color-primary: oklch(0.8763 0.1666 91.15);
    --color-secondary: oklch(0.2491 0.1066 284.44);
    --color-danger: oklch(0.6371 0.2104 28.54);
    --color-success: oklch(0.6731 0.1596 155.59);
    --color-neutral: oklch(0.3715 0 0);
    --color-white: oklch(1 0 0);

    --font-family: Saira, sans-serif;
    --font-family-brand: Eurostile, sans-serif;

    --step--2: clamp(0.5628rem, 0.626rem + -0.0816vw, 0.6076rem);
    --font-size-sm: clamp(0.7292rem, 0.7206rem + 0.0382vw, 0.7502rem);
    --font-size-base: clamp(0.875rem, 0.8239rem + 0.2273vw, 1rem);
    --font-size-lg: clamp(1.05rem, 0.9682rem + 0.3636vw, 1.25rem);
    --font-size-xl: clamp(1.26rem, 1.0485rem + 0.9398vw, 1.7769rem);
    --font-size-2xl: clamp(1.512rem, 1.1616rem + 1.5574vw, 2.3686rem);
    --font-size-3xl: clamp(1.8144rem, 1.265rem + 2.4417vw, 3.1573rem);
    --font-size-4xl: clamp(2.1773rem, 1.3462rem + 3.6935vw, 4.2087rem);

    --space-section-sm: clamp(1.5rem, 1.1rem + 1.8vw, 2.5rem);
    --space-section-md: clamp(3rem, 1.9rem + 5.5vw, 6rem);
    --space-section-lg: clamp(4rem, 2.5rem + 7.3vw, 8rem);
    --space-section-xl: clamp(5rem, 3.2rem + 9.1vw, 10rem);
  }
}