:root {
    --bg-color: #ffffff; 
    --text-color: #000000;
    --primary-color: #1e1e2f;
    --navbar-bg-color: #f8f9fa; 
    --navbar-text-color: #000000; 
}

[data-theme="dark"] {
    --bg-color: #0d1b2a; 
    --text-color: #f1f1f1;
    --primary-color: #1b263b; 
    --navbar-bg-color: #1b263b; 
    --navbar-text-color: #f1f1f1; 
}

#logo-light {
    display: inline;
}

#logo-dark {
    display: none;
}

[data-theme="dark"] #logo-light {
    display: none;
}

[data-theme="dark"] #logo-dark {
    display: inline;
}

[data-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

[data-theme="dark"] .cookie-banner {
    --cookie-bg: rgba(4, 21, 34, 0.63); 
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

a, h1, h2, h3, h4, h5, h6, p {
    color: var(--text-color);
}

button img {
    transition: 0.3s ease;
}

.navbar {
    background-color: transparent !important;
    color: var(--navbar-text-color) !important;
}

.navbar a {
    color: var(--navbar-text-color) !important;
}