:root {
    /* Neutral Colors */
    --marshmallow: #ffffff;
    --steam: #f5f5f6;
    --vapor: #e6e6e6;
    --smoke: #f5f5f6;
    --ash: #c4c4c7;
    --cinder: #525259;
    --charcoal: #292938;
    --coal: #171725;
    --midnight: #000010;
    --soot: #484874;
    --sediment: #2b2b44;
    --stoke: #710c19;

    /* Interaction */
    --blaze: #e41932;
    --water: #0015ea;
    --water-day: #7a86ff;
    --water-night: #00e7ff;

    /* Status */
    --success-day: #00873f;
    --success-night: #9de7bf;
    --alert-day: #eab700;
    --alert-night: #ffe485;
    --error-red-day: #931621;
    --error-red-night: #f4b4b9;
    --info-day: #46237a;
    --info-night: #c9b4e9;

    --error-night: #f4b4b9;

    --error-night: #f4b4b9;

    --error-night: #f4b4b9;

    --blaze: #e41932;
    --ember: #9d2235;

    /* OnTech */
    --ontech-blue: #0015ea;
    --blue-light: #0092b8;
    --blue-lighter: #aed9e6;
    --coral-light: #e8603a;
    --coral-lighter: #f7d0c4;

    /* Sling */
    --blueberry: #001e60;
    --cookie-monsta: #10069f;
    --rock-candy: #00a3e0;
    --mac-and-cheese: #ffa300;
    --tangerine: #ff6a13;

    /* fonts */
    --font-thin: 'proximanova-thin', arial, sans-serif;
    --font-light: 'proximanova-light', arial, sans-serif;
    --font-medium: 'proximanova-medium', arial, sans-serif;
    --font-semibold: 'proximanova-semibold', arial, sans-serif;
    --font-extrabold: 'proximanova-extrabold', arial, sans-serif;

    --desktop: 1025px;

    /*buttons*/
    --box-shadow: 0px 4px 0px 0px;
    --box-shadow-small: 0px 2px 0px 0px;
    --box-shadow-hover: 0px 3px 0px 0px;
    --box-shadow-active: 0px 1px 0px 0px;
}