:root {
    --bg-color: #1e293b;
    --sub-1: #334155;   
    --sub-2: #475569;   
    --accent: #3b82f6;
    --header-height: 60px;
    --sidebar-width: 260px;
    --bg-image: url('../images/eut2_hq_6910ae3e.jpg');
    --headfont: "Baumans";
    --font: "Manrope";
    --headfontsize: 64px;
    --fontsize: 17px;
    --card-bg: rgba(255, 255, 255, 0.03);
    --mainfontColor: #F1F0E7;
    --fontColor: rgba(255, 255, 255, 0.6);
    --spediColor: #650303;
    --spediColorLight: #5c1929;
    --spediColorShadow: rgba(101, 3, 3, 0.4);
    --borderColor: rgba(255, 255, 255, 0.08);
    --card-header-bg: rgba(69, 123, 157, 0.2);
    --card-header-hover-bg: rgba(69, 123, 157, 0.3);
    --event-side-bg: #165185;
    --event-side-bg-light: #01595e;
    --event-side-shadow: rgba(79, 172, 254, 0.1);
    --yellow: #ffb74d;
    --yellow-shadow: rgba(255, 183, 77, 0.2);
    --red: #ff4b2b;
    --red-light: #ff416c;
    --red-shadow: rgba(255, 75, 43, 0.2);
    --green: #0d746b;
    --green-light: #1a7e40;
    --green-shadow: rgba(31, 131, 70, 0.2);
    --orange: #8d594a;
    --orange-shadow: rgba(141, 89, 74, 0.2);
    --pink: #4c085a;
    --pink-light: #811e85;
    --pink-shadow: rgba(131, 33, 118, 0.2);
    --dark: #0D0D0D;
    --dark-shadow: rgba(13, 13, 13, 0.4);
}