:root {
    --main-dark: #880A1E;
    --main-brand: #C8102E; /* main background for menus and buttons and borders*/
    --main-light: #e5e5e5;
    --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: #880A1E; /*#880A1E*/
    --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(--gray-light);
    --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, black; /* This is the black used for the font as well */
    --margin-primary: 1rem;
    --green-brand: #1FA62D; /* Use this for Sucess! */
}

@media print {

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