:root {
    
    --alignleft: left;
    --alignright: right;
    --aligncenter: center;

    --backgroundcover: cover;
    --backgroundtransparent: transparent;
    --norepeat: no-repeat;
    --backgroundcenter: center;

    --borderbox: border-box;
    --block: block;
    --inline: inline;

    --colorwhite: #FFFFFF;
    --colorblack: #000000;
    --colorblue: #ffefd0;
    --coloraccentpurple: #7c3aed;
    --coloraccentindigo: #4f46e5;
    --coloraccentblue: #3b82f6;
    --coloraccentwarm: #fbbf24;
    --coloraccentrose: #f43f5e;

    --cover: cover;
    --contain: contain;

    --cursor: pointer;
    --cursordefault: default;

    --displayflex: flex;
    --flexstart: flex-start;
    --flexend: flex-end;
    --displaygrid: grid;
    --displayblock: block;
    --displayinline: inline;
    --displayinlineblock: inline-block;
    --inlineflex: inline-flex;
    --column: column;
    --row: row;
    --wrap: wrap;
    --nowrap: nowrap;
    --prewrap: pre-wrap;


    --fontfamily: "Inter", sans-serif;
    --fontinherit: inherit;

    --fontheaderone: 24px;
    --fontheadertwo: 20px;
    --fontheaderthree: 16px;
    --fontparagraph: 14px;

    --fontweightthin: 100;
    --fontweightextralight: 200;
    --fontweightlight: 300;
    --fontweightnormal: 400;
    --fontweightmedium: 500;
    --fontweightsemibold: 600;
    --fontweightbold: 700;
    --fontweightextrabold: 800;
    --fontweightblack: 900;

    --breakall: break-all;
    --breakword: break-word;
    --normal: normal;
    --anywhere: anywhere;

    --heightfullvh: 100vh;
    --heightfull: 100%;
    --heightauto: auto;

    --widthfull: 100%;
    --widthauto: auto;
    --widthhalf: 50%;
    --widthquarter: 25%;

    --hidden: hidden;
    --visible: visible;
    
    --justifycenter: center;
    --justifystart: flex-start;
    --justifyend: flex-end;
    --stretch: stretch;
    --justifybetween: space-between;
    --justifyaround: space-around;
    --contain: contain;
    --start: start;
    --end: end;

    --positionfixed: fixed;
    --positionabsolute: absolute;
    --positionrelative: relative;
    --positionsticky: sticky;

    --vertical: vertical;
    --horizontal: horizontal;

    --oneframe: 1fr;
    --twoframes: 2fr;

    --zeropixels: 0px;
    --onpixel: 1px;
    --twopixels: 2px;
    --threepixels: 3px;
    --fourpixels: 4px;
    --fivepixels: 5px;
    --sixpixels: 6px;
    --eightpixels: 8px;
    --tenpixels: 10px;
    --twelvepixels: 12px;
    --thirteenpixels: 13px;
    --fourteenpixels: 14px;
    --fifteenpixels: 15px;
    --sixteenpixels: 16px;
    --eighteenpixels: 18px;
    --twentypixels: 20px;
    --twentytwopixels: 22px;
    --twentyfourpixels: 24px;
    --fifteenpixels: 15px;
    --sixteenpixels: 16px;
    --eighteenpixels: 18px;
    --nineteenpixels: 19px;
    --twentypixels: 20px;
    --thirtypixels: 30px;
    --fortypixels: 40px;
    --fiftypixels: 50px;
    --onehundredpixels: 100px;
    --onehundredtenpixels: 110px;
    --twohundredfiftypixels: 250px;
    --threehundredpixels: 300px;
    --fivehundredpixels: 500px;
    --onehundredtwentypixels: 120px;

    --negativetwo: -2;
    --negativeone: -1;
    --zero: 0;
    --one: 1;
    --two: 2;
    --three: 3;
    --four: 4;
    --five: 5;
    --six: 6;
    --seven: 7;
    --eight: 8;
    --nine: 9;
    --ten: 10;
    --twenty: 20;
    --thirty: 30;
    --forty: 40;
    --fifty: 50;
    --onehundred: 100;
    --onethousand: 1000;

    --auto: auto;
    --none: none;
    
    --onehundredpercent: 100%;
    --ninetypercent: 90%;
    --eightypercent: 80%;
    --seventypercent: 70%;
    --sixtypercent: 60%;
    --fiftypercent: 50%;
    --twentyfivepercent: 25%;
    --tenpercent: 10%;
    --fivepercent: 5%;
    --zeropercent: 0%;
}