:root {
    /*REM for PX*/
    --16px: 1 rem;
    --20px: 1.25rem;
    --24px: 1.5rem;
    --128px:  8rem;
    --160px:  10rem;
    --320px:  20rem;
    --480px:  30rem;
    --640px:  40rem;
    --720px:  45rem;
    --800px:  50rem;
    --880px:  55rem;
    --960px:  60rem;
    --1024px: 64rem;
    --1120px: 70rem;
    --1200px: 75rem;
    --1280px: 80rem;
    --1440px: 90rem;
    --1600px: 100rem;

    /* ================================ Palette ========================
        Using the bigger color pallets we can narrow it down more here to a more
        narrow range that can be re-used in the other theme files.
    */

    --primary: #f2306c;
    --primary-tint: #f45586;
    --primary-shade-1: #c6105a;
    --primary-shade-2: #590033;

    --dark-bg: #111827;
    --dark-tint-2: #233150;
    --dark-text: whitesmoke;

    /*#2a394f*/
    --custom-slate: oklch(34.2% .044 257.287);

    --light-bg: whitesmoke;
    --light-text: #101010;
}