:root,
body.theme-ocean {
    --primary: #2a7aac;
    --accent: #4a9fd4;
    --bg: #eef6fb;
    --card-bg: #ffffff;
    --text-main: #2c3e50;
    --text-muted: #5a6d7e;
    --border-color: #c5dde9;
    --nav-shadow: rgba(42, 122, 172, 0.22);
    --on-primary: #f3fbff;
    --red: #e57373;
    --green: #5fa87a;
    --orange: #e39a56;
    --blue: #2a7aac;
    --sidebar-width: 220px;
    --sidebar-collapsed: 50px;
}

body.theme-svetly {
    --primary: #345c6e;
    --accent: #3d8a9c;
    --bg: #f3f5f7;
    --card-bg: #ffffff;
    --text-main: #243039;
    --text-muted: #5c6b74;
    --border-color: #d7dee3;
    --nav-shadow: rgba(52, 92, 110, 0.16);
    --on-primary: #f6fafb;
    --red: #c0392b;
    --green: #2e8b57;
    --orange: #d68910;
    --blue: #1f6f8b;
}

body.theme-noc {
    --primary: #5b8def;
    --accent: #7aa2f7;
    --bg: #12151c;
    --card-bg: #1b2030;
    --text-main: #e8eef7;
    --text-muted: #9aa6b8;
    --border-color: #2c3546;
    --nav-shadow: rgba(0, 0, 0, 0.7);
    --on-primary: #0f1524;
    --red: #ff6b7a;
    --green: #6ee7c5;
    --orange: #ffb86b;
    --blue: #8ecbff;
}

body.theme-hippie {
    --primary: #d35400;
    --accent: #7cb342;
    --bg: #fff6c2;
    --card-bg: #fffce8;
    --text-main: #3e2208;
    --text-muted: #7a5428;
    --border-color: #f0d56a;
    --nav-shadow: rgba(211, 84, 0, 0.28);
    --on-primary: #fff8e4;
    --red: #c0392b;
    --green: #7cb342;
    --orange: #e67e22;
    --blue: #2980b9;
}

body.theme-crazy {
    --primary: #ff2e93;
    --accent: #d4ff00;
    --bg: #1b0730;
    --card-bg: #2d1050;
    --text-main: #fff4ff;
    --text-muted: #d7b3e8;
    --border-color: #5a2180;
    --nav-shadow: rgba(255, 46, 147, 0.35);
    --on-primary: #fff7fc;
    --red: #ff5c7a;
    --green: #d4ff00;
    --orange: #ffb020;
    --blue: #6ad6ff;
}

body.theme-disco {
    --primary: #ffd24a;
    --accent: #ff3d8b;
    --bg: #09070d;
    --card-bg: #16111f;
    --text-main: #fff6d8;
    --text-muted: #c9b48a;
    --border-color: #3a2c14;
    --nav-shadow: rgba(255, 210, 74, 0.28);
    --on-primary: #1a1200;
    --red: #ff5d7a;
    --green: #7dff9a;
    --orange: #ffb020;
    --blue: #6ad6ff;
}