:root {
    --main-dark: #283745; /* #b84e9d;*/
    --main-brand: #AA0202; /* main background for menus and buttons and borders*/
    --main-light: #fbdfca;
    --main-light-secondary: #ebeff3;
    /* ========== */
    --gray-text: #283745;
    --gray-dark: #4e515e; /*#4E515E*/
    --gray-brand: #6e6e6e;
    --gray-light: #c6c7cc;
    --gray-border: rgb(198,199,204); /* for text and dropdown elements*/
    /* ========== */
    --blue-dark: rgb(0,54,114); /*#003672*/
    --blue-medium: rgb(18,96,170); /*#1260AA*/
    --blue-brand: rgb(0,84,164); /*#0054A4*/ /*background for top menu and footer and buttons and links*/
    --blue-light: rgb(28,103,174); /*#1C67AE*/ /* Use this for Sucess message */
    --blue-shade: rgb(226,239,250); /*#e2effa*/ /*for grid row hover*/
    /* ========== */
    --red-dark: rgb(196,19,42); /*#C4132A*/
    --red-brand: rgb(237,27,52); /**/ /* Use this for PET menu and footer background! */
    --red-medium: rgb(244,67,54); /**/ /* Use this for Errors! */
    /* ========== */
    --border-input-primary: solid 1px var(--main-brand);
    --border-input-focus: 0 0 2px 1px var(--main-brand); /*#1d87ff*/
    --border-input-gray: solid 1px var(--gray-light);
    --border-secondary: solid 2px var(--gray-brand);
    /* ========== */
    --gray-lightest: #F2F2F2;
    --white-brand: #FFFFFF;
    --black-brand: #262626; /* This is the black used for the font as well */
    --margin-primary: 1rem;
    --green-brand: #1FA62D; /* Use this for Sucess! */

    --camel-tile: #A48865;
    --pink-tile: #C1696E;
    --red-tile: #980202;
    --camel-tile-heading: #F4EDE5; /*SELECT PROGRAM LEVEL */
    --pink-tile-heading: #FCECED; /*CHOICE PROGRAM LEVEL */
    --red-tile-heading: #F2CCCC; /*PRIME PROGRAM LEVEL*/
}

@media print {

    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
}