/* ================================================================================================
// How to Use
// @import "base.css";
// 
//  button {
//     background-color: var(--blue);
//     color: var(--lighter-gray);
//  }
/* ================================================================================================ */
:root {
    /*--------------------------------------------------------------
    # UR Colors
    --------------------------------------------------------------*/
    --yellow: #FFC70A;
    --blue: #00205B;
    --indigo: #283FAF;
    --cyan: #0098D6;
    --charcoal: #252525;
    --darker-gray: #565656;
    --dark-gray: #787878;
    --medium-gray: #C0C0C0;
    --light-gray: #E7E7E7;
    --lighter-gray: #F4F4F4;

    /*--------------------------------------------------------------
    # UF&S Colors
    --------------------------------------------------------------*/
    --near-black: #1A1814;
    --lighter-charcoal: #212121;    /* link hover */
    --light-yellow: #FFC70A80;      /* roll-link background */
    --lighter-yellow: #FFE384;      /* roll-link2 hover */
    --text-light: #AAAAAA;

    /*--------------------------------------------------------------
    # Form Colors
    --------------------------------------------------------------*/
    --bg-color: #F4F4F4;
    --text-color: #0C0B09;    

    /*--------------------------------------------------------------
    # UR Fonts
    --------------------------------------------------------------*/
    --ur_sans: "proxima-nova", Arial, "Aptos", sans-serif;
    --ur_serif: "utopia-std", Georgia, "Times New Roman", Times, serif;

    /*--------------------------------------------------------------
    # UF&S Fonts
    --------------------------------------------------------------*/
    --sans: "Open Sans", Arial, sans-serif;
    --serif: "Playfair Display", "Times New Roman", serif;
}