:root {
    /*Brand Colors*/
    --primary: #30D24E;
    --secondary: #33ABE0;
    /*State Colors*/
    --info: #237EF9;
    --success: #1CB95E;
    --warning: #EEBF30;
    --error: #F64C4C;
    /*Black Colors*/
    --black-1: #000000;
    --black-2: #1D1D1D;
    --black-3: #282828;
    --white: #FFFFFF;
    /*Gray Colors*/
    --gray-1: #333333;
    --gray-2: #4F4F4F;
    --gray-3: #BDBDBD;
    --gray-4: #E0E0E0;
    /*Spacing*/
    --spacing-10: 8px;
    --spacing-9: 16px;
    --spacing-8: 24px;
    --spacing-7: 32px;
    --spacing-6: 40px;
    --spacing-5: 56px;
    --spacing-4: 72px;
    --spacing-3: 80px;
    --spacing-2: 96px;
    --spacing-1: 120px;
    /*Typography - Open Sans*/
    --font-OS-1: 3.5rem;
    --font-OS-2: 3rem;
    --font-OS-3: 2.5rem;
    --font-OS-4: 2rem;
    --font-OS-5: 1.5rem;
    --font-OS-6: 1.25rem;
    /*Line Height*/
    --height-OS-1: 61.6px;
    --height-OS-2: 52.8px;
    --height-OS-3: 44px;
    --height-OS-4: 35.2px;
    --height-OS-5: 26.4px;
    --height-OS-6: 22px;
    /*Typography - Inter*/
    --font-In-1: 1.25rem;
    --font-In-2: 1.12rem;
    --font-In-3: 1rem;
    --font-In-4: 0.8rem;
    /*Line Height*/
    --height-In-1: 28px;
    --height-In-2: 25.2px;
    --height-In-3: 22.4px;
    --height-In-4: 19.6px;
    --height-In-5: 16px;
}