/* Color constants - loaded first so mode files can reference them */
:root {
    /* Semantic theme colors - red */
    --darkest-red: #500000;
    --dark-red: #600000;
    --red: #700000;
    --bright-red: #B00000;
    --light-red-grey: #E5CCCA;

    /* Semantic theme colors - green */
    --darkest-green: #004000;
    --dark-green: #005000;
    --green: #006000;
    --bright-green: #008000;
    --light-green-grey: #DAE5D7;

    /* Semantic theme colors - blue */
    --darkest-blue: #000070;
    --dark-blue: #1C3581;
    --blue: #213381;
    --bright-blue: #2C45A1;
    --light-blue-grey: #CCD4EF;

    /* Semantic theme colors - orange */
    --darkest-orange: #B0481A;
    --orange: #C4480D;
    --bright-orange: #E94C13;
    --light-orange-grey: #EDCEC0;

    /* Common grays */
    --page-bg: white;
    --header-footer-bg: #120703;
    --darkest-grey: #202020;
    --darker-grey: #404040;
    --dark-grey: #505050;
    --darkish-grey: #606060;
    --mid-grey: #808080;
    --light-grey: #A0A0A0;
    --lighter-grey: #C0C0C0;
    --lightest-grey: #E0E0E0;

    /* Other common colors */
    --red-c00000: #C00000;
}