@layer base {
    :root {
        --color-primary: 0.8 0.2 67.83; /*uses oklch color space */
        --color-primary-oklch: oklch(var(--color-primary)); /*uses lch color space */
        --color-primary-fallback: 255 159 0; /*uses old rgb values */
        --color-secondary: 25% 0.01 275;
        --color-secondary-oklch: oklch(var(--color-secondary));
        --font-body-family: "Myriad";
        --font-heading-family: "Myriad Condensed";

    }

    body {
        scroll-padding-top: 6rem;
    }
}

