*, :root, .root, #root {
    --primary-color: 0 0% 0%;
    --dynamic-primary-color: 0 0% 100%;
    --secondary-color: 0 0% 20.392156862745097%;
    --tertiary-color: 240 100% 50%;
    --header-bg-color: 221.4814814814815 89.01098901098902% 17.84313725490196%;
    --dynamic-text-header-color: 0 0% 100%;
    --theme-bg-color: 0 0% 92.54901960784314%;
    --text-bg-dynamic: 0 0% 0%;
    --nav-menu-bg-color: 223.2 82.15962441314555% 41.764705882352935%;
    --nav-menu-text-color: 0 0% 76.07843137254902%;
    --card-bg-color: 230.7692307692308 100% 15.294117647058824%;
    --card-title-color: 52.075471698113205 100% 79.2156862745098%;
    --card-month-color: 52.075471698113205 100% 79.2156862745098%;
    --card-date-color: 52.075471698113205 100% 79.2156862745098%;
    --card-font-title: Poppins;
    --card-font-date: Poppins;
    --card-font-month: Poppins;    
  }