:root {
    --rsf-2022-color-1: #1867ff;
    --rsf-2022-color-2: #366FFF;
    --rsf-2022-color-3: #00BF7A;
    --rsf-2022-color-4: #18E098;
    --rsf-2022-color-5: #FFC700;
    --rsf-2022-color-6: #FF3235;
    --rsf-2022-color-7: #6037FF;
    --rsf-2022-color-8: #FF3E9A;
    --rsf-2022-color-9: #47C6F8;
    --rsf-2022-color-10: #B4DF07;
    --rsf-2022-color-11: #F3F7F8;
    --rsf-2022-color-12: #D3E0E3;
    --rsf-2022-color-13: #909CA5;
    --rsf-2022-color-14: #555D65;
    --rsf-2022-color-15: #1E1F22;
    --rsf-2022-color-16: #E6EDF1;
    --rsf-2022-color-17: #A13BF6;
    --rsf-2022-color-white: #ffffff;
    --rsf-2022-color-black: #000000;
    
    --width-1: 24rem;
    --width-2: 32rem;
    --width-3: 48rem;
    --width-4: 64rem;
    --width-5: 77.125rem;
    --width-6: 90rem;
    --width-7: 103rem;

    --space-1: .5rem;
    --space-2: 1rem;
    --space-3: 2rem;
    --space-4: 4rem;
    --space-5: 6rem;

    --z1: 1;
    --z2: 2;
    --z3: 3;
    --z4: 4;

    --h00: 4rem;
    --h0: 3rem;
    --h1: 2rem;
    --h2: 1.5rem;
    --h3: 1.25rem;
    --h4: 1.125rem;
    --h5: 1rem;
    --h6: .875rem;
    --h7: 0.75rem;

    --line-height-1: 1;
    --line-height-2: 1.125;
    --line-height-3: 1.25;
    --line-height-4: 1.5;
    --lin-height-p: 1.375;
    --caps-letter-spacing: .05em;
    --bold-font-weight: bold;

    --border-width: 1px;
    --border-radius: 3px;

    --hero-header-scale: 0.9;
    
    /* 
    --breakpoint-sm: 40em; 640px
    --breakpoint-md: 52em; 832px
    --breakpoint-lg: 64em; 1024px
    */

}