/**************************************************/

:root {
    /* Typography */
    --font-family-primary: Open Sans, sans-serif;
    --root-font-letter-spacing: 0px;
    --root-font-size: 16px;

    /* Basic Colors */
    --action: 175 62% 40%;
    --action-raw: 175, 62%, 40%;
    --black: 0 0% 0%;
    --black-raw: 0, 0%, 0%;
    --danger: 6.05 79.85% 51.27%;
    --danger-raw: 6.05, 79.85%, 51.27%;
    --info: 188.75 51.51% 44.71%;
    --info-raw: 188.75, 51.51%, 44.71%;
    --success: 108.00 65.51% 47.07%;
    --success-raw: 108.00, 65.51%, 47.07%;
    --warning: 42.24 68.52% 42.69%;
    --warning-raw: 42.24, 68.52%, 42.69%;

    /* Main Tones and Shades */
    --main-dark: 357.01 18.60% 9.20%;
    --main-dark-raw: 357.01, 18.60%, 9.20%;
    --main-light: 185.91 15.50% 90.27%;
    --main-light-raw: 185.91, 15.50%, 90.27%;

    /* Light Tones and Shades */
    --light-shades: 185.91 15.50% 92.27%;
    --light-shades-raw: 185.91, 15.50%, 92.27%;
    --light-shades-2: 185.91 15.50% 87.27%;
    --light-shades-2-raw: 185.91, 15.50%, 87.27%;
    --light-shades-3: 185.91 15.50% 82.27%;
    --light-shades-3-raw: 185.91, 15.50%, 82.27%;

    /* Dark Tones and Shades */
    --dark-shades: 357.01 18.60% 11.50%;
    --dark-shades-raw: 357.01, 18.60%, 11.50%;
    --dark-shades-2: 357.01 18.60% 16.50%;
    --dark-shades-2-raw: 357.01, 18.60%, 16.50%;
    --dark-shades-3: 357.01 18.60% 6.50%;
    --dark-shades-3-raw: 357.01, 18.60%, 6.50%;

    /* Complementary Colors */
    --complement-1: 265 68.20% 42.30%;
    --complement-1-raw: 265, 68.20%, 42.30%;
    --complement-2: 355 71.30% 51.70%;
    --complement-2-raw: 355, 71.30%, 51.70%;
    --complement-3: 85 65.10% 44.65%;
    --complement-3-raw: 85, 65.10%, 44.65%;
    --complement-4: 40 74.40% 49.35%;
    --complement-4-raw: 40, 74.40%, 49.35%;

    /* Brand Colors */
    --brand-color: 175 62% 40%;
    --brand-color-raw: 175, 62%, 40%;
    --brand-color-darker: 171.50 77.37% 28%;
    --brand-color-darker-raw: 171.50, 77.37%, 28%;
    --brand-color-lighter: 171.01 58.54% 48%;
    --brand-color-lighter-raw: 171.01, 58.54%, 48%;
}