:root {
    --primary-bg-color: black;
    --primary-text-color: white;
    --secondary-text-color: #999;
    --header-bg-color: darkred;
    --header-text-color: white;
    --link-color: white;
    --link-hover-color: #ffcccb;
    --dropdown-bg-color: darkred;
    --dropdown-hover-bg-color: red;
    --input-bg-color: #333333;
    --input-text-color: #dddddd;
    --input-border-color: darkred;
    --input-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
    --button-bg-color: darkred;
    --button-text-color: white;
    --button-hover-bg-color: red;
    --code-bg-color: #1e1e1e;
    --code-text-color: white;
    --cookie-banner-bg-color: rgba(25, 25, 25, 0.95);
    --cookie-banner-text-color: #f1f1f1;
    --cookie-accept-bg: linear-gradient(45deg, #8b0000, #b22222);
    --cookie-accept-hover-bg: linear-gradient(45deg, #a00000, #c92a2a);
}

[data-theme="light"] {
    --primary-bg-color: #f0f2f5;
    --primary-text-color: #333;
    --secondary-text-color: #666;
    --header-bg-color: #007bff;
    --header-text-color: white;
    --link-color: white;
    --link-hover-color: #e6f2ff;
    --dropdown-bg-color: #007bff;
    --dropdown-hover-bg-color: #0056b3;
    --input-bg-color: white;
    --input-text-color: #333;
    --input-border-color: #ccc;
    --input-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --button-bg-color: #007bff;
    --button-text-color: white;
    --button-hover-bg-color: #0056b3;
    --code-bg-color: #f8f9fa;
    --code-text-color: #333;
    --cookie-banner-bg-color: rgba(240, 242, 245, 0.95);
    --cookie-banner-text-color: #333;
    --cookie-accept-bg: linear-gradient(45deg, #007bff, #0056b3);
    --cookie-accept-hover-bg: linear-gradient(45deg, #0056b3, #004085);
}