/* ====================
   CSS Custom Variables
   ==================== */

/*
This file contains custom variables defined in the :root scope to be used in all other css files.
*/

:root {
    /*
        Application Colors
        --color-app-variation
    */
    --color-food: #F16522;
    --color-food-hover: #ff822e;

    --color-childcare: #4699A9;
    --color-childcare-hover: #56b3ab;

    --color-commed: #FFD51C;
    --color-commed-hover: #ffea30;

    --color-activities: #B22722;
    --color-activities-hover: #ba493a;

    --color-store: #1C7C22;
    --color-store-hover: #4d9141;

    --color-ticketing: #154278;
    --color-ticketing-hover: #2d5278;

    --color-tuition: #7f3f97;
    --color-tuition-hover: #9f44b9;

    --color-insurance: #104378;
    --color-insurance-hover: #125fa1;

    /* Other Colors */
    --ww-gray: #6D6E70;
    --ww-lightgray: #CCCCCC;
}