:root {
    --color-grey: #2d2d2d;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-purple: #6E65D7;
    --color-yellow: #e4c837;
    --color-red: #dc3737;
    --color-blue: #0000ee;

    --font-pixel: "VT323", ui-monospace, monospace;
    --font-body: "Space Grotesk", system-ui, sans-serif;
    --font-display: "Anton", "Arial Narrow", sans-serif;

    --font-size-huge: clamp(50px, 11vw, 142px);
    --font-size-big: clamp(30px, 4.6vw, 58px);
    --font-size-medium: clamp(24px, 3.4vw, 42px);
    --font-size-small: clamp(16px, 1.6vw, 20px);
    --font-size-min: clamp(14px, 1.2vw, 18px);

    --size-header: 65px;
    --size-footer: 45px;
    --size-edge: clamp(18px, 3.6vw, 50px);

    --transition-pop: cubic-bezier(0.16, 1, 0.3, 1);
    --transition-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
}