:root {
    /* LSEG Colours */

    /* * LSEG Primary * */
    --primary-blue-color: #001EFF;
    --primary-white-color: #FFFFFF;
    --primary-black-color: #000000;

    /* * LSEG Secondary * */
    --secondary-grey1-color: #F4F4F4;
    --secondary-grey2-color: #EAEAEA;
    --secondary-grey3-color: #D9D9D9;
    --secondary-grey4-color: #B2B2B2;
    --secondary-grey5-color: #8C8C8C;
    --secondary-grey6-color: #666666;
    --secondary-grey7-color: #404040;

    /* * LSEG Accent * */
    --accent-orange-color: #FF5000;
    --accent-yellow-color: #FFC800;
    --accent-purple-color: #9064CD;
    --accent-green-color: #00C389;
    --accent-teal-color: #00D0D4;

    /* * LSEG Action * */
    --action-red-color: #AB0808;
    --action-red-light-color: #ff0000a1;
    --action-green-color: #246B3E;

    /* * LSEG Hover Colours * */
    --primary-btn-hover-color: #001299;


   /* * Page elements * */
   /* * Background * */
    --card-bg-color: var(--secondary-grey2-color);

    /* * Font * */
    --text-color: var(--secondary-grey7-color);
    
    /* * Link * */
    --link-hover-color: var(--primary-blue-color);

    /* * Buttons * */
    


    /* * Icons * */
    --calendar-icon: url("../img/calendar.svg") 0 0 no-repeat;
    --calendar-hover-icon: url("../img/calendar_hover.svg") 0 0 no-repeat;

    /* Holiday colours */
    --hol-green: var(--action-green-color);
    --hol-red: var(--action-red-light-color);
    
}