:root {
    --color-black: #272727;
    --color-white: #fff;
    --color-rose: #fffefe;
    --color-grey: #888888;
    --color-bluebell: #c6d9f8;
    --color-daisy: #3f27ae;
    --color-wisp: #fef7fa;
    --color-lavender: #f3eeff;
    --color-lavender2: #f5e4ff;
    --color-cornflower: #d9f0ff;
    --color-lilac: #eeebfb;
    --color-lemon: #e7f6c1;
    --color-indigo: #211566;
    --color-plum: #190f51;
    --color-fog: #bec1e8;
    --color-purple-fog: #e3c9ff;
    --color-blush: #fffbfd;
    --color-periwinkle: #6e6ec5;
    --color-sky: #c9dcfb;
    --color-melrose: #cbbfff;
    --color-amethyst: #7a54bb;
    --color-pale-blue: #e2eeff;
    --color-lavender-light: #f6f3ff;
    --color-violet: #6551bd;
    --color-blue-violet: #5959bc;
    --color-electric-violet: #ab35ff;
    --color-moon-raker: #ddd3f5;
    --color-canary: #f2fa62;
    --color-onahau: #c2f2ff;
    --color-pink-lace: #faf1fa;
    --color-tutu: #fffbfd;
    --color-purple-chalk: #f3eeff;
    --color-pattens-blue: #dce9ff;
    --color-red: #e52227;
    --color-poppy-red: #bd2629;
    --color-primary: var(--color-daisy);
    --color-primary-rgba: rgba(63, 39, 174, .44);
    --color-legacy-blue: #00629b;
    --color-anakiwa: #8ae6ff;
    --color-dodger-blue: #5d70ff;
    --color-iris: #785df8;
    --color-lavender-blush: #fcf7ff;
    --font-heading: "Montserrat";
    --font-heading-secondary: ivypresto-display;
    ---font-body: "Montserrat";
    --size-xs: .25rem;
    --size-sm: .5rem;
    --size-smd: .75rem;
    --size-md: 1rem;
    --size-mmd: 1.125rem;
    --size-ml: 1.25rem;
    --size-lg: 1.5rem;
    --size-lx: 1.75rem;
    --size-xl: 2rem;
    --size-2xl: 2.5rem;
    --size-3xl: 3rem;
    --size-4xl: 3.5rem;
    --size-5xl: 4rem;
    --size-6xl: 5rem;
    --size-7xl: 6.25rem;
    --grid-columns: 12;
    --grid-gutter: var(--size-lg)
}