:root {
    --primary-color: #a41221;
    --primary-strong: #d83d4c;
    --accent-color: #86b9af;
    --accent-warm: #c6a45c;
    --text-color: #e8e0d7;
    --muted-text: #aea499;
    --heading-color: #f6f1ea;
    --bg-color: #050709;
    --bg-elevated: #0a0e12;
    --panel-color: rgba(11, 15, 19, 0.86);
    --panel-strong: rgba(13, 18, 23, 0.94);
    --nav-bg: rgba(5, 7, 9, 0.82);
    --footer-bg: rgba(5, 7, 9, 0.94);
    --edge-color: rgba(255, 255, 255, 0.1);
    --edge-strong: rgba(255, 255, 255, 0.18);
    --shadow-color: rgba(0, 0, 0, 0.42);
    --dropdown-bg: rgba(10, 14, 18, 0.98);
    --dropdown-shadow: rgba(0, 0, 0, 0.34);
    --dropdown-text: #f2ece5;
    --dropdown-hover-bg: rgba(255, 255, 255, 0.06);
    --dropdown-active-bg: rgba(164, 18, 33, 0.3);
}

[data-theme="dark"] {
    --primary-color: #a41221;
    --primary-strong: #d83d4c;
    --accent-color: #86b9af;
    --accent-warm: #c6a45c;
    --text-color: #e8e0d7;
    --muted-text: #aea499;
    --heading-color: #f6f1ea;
    --bg-color: #050709;
    --bg-elevated: #0a0e12;
    --panel-color: rgba(11, 15, 19, 0.86);
    --panel-strong: rgba(13, 18, 23, 0.94);
    --nav-bg: rgba(5, 7, 9, 0.82);
    --footer-bg: rgba(5, 7, 9, 0.94);
    --edge-color: rgba(255, 255, 255, 0.1);
    --edge-strong: rgba(255, 255, 255, 0.18);
    --shadow-color: rgba(0, 0, 0, 0.42);
    --dropdown-bg: rgba(10, 14, 18, 0.98);
    --dropdown-shadow: rgba(0, 0, 0, 0.34);
    --dropdown-text: #f2ece5;
    --dropdown-hover-bg: rgba(255, 255, 255, 0.06);
    --dropdown-active-bg: rgba(164, 18, 33, 0.3);
}

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

a {
    color: inherit;
}

.main-nav {
    background: linear-gradient(180deg, rgba(9, 12, 15, 0.94), rgba(7, 10, 12, 0.72));
}

.nav-logo a {
    color: var(--heading-color);
}

.nav-link,
.dropdown-toggle {
    color: var(--text-color);
}

.nav-link:hover,
.dropdown-toggle:hover {
    color: var(--heading-color);
}

.main-footer {
    background: linear-gradient(180deg, rgba(7, 10, 12, 0.86), rgba(4, 5, 7, 0.98));
}

.footer-link,
.footer-copyright {
    color: var(--muted-text);
}

.footer-link:hover {
    color: var(--heading-color);
}

.dropdown-content {
    background-color: var(--dropdown-bg);
    box-shadow: 0 24px 60px var(--dropdown-shadow);
}

.dropdown-item {
    color: var(--dropdown-text);
}

.dropdown-item:hover {
    background-color: var(--dropdown-hover-bg);
}

@media (max-width: 768px) {
    .nav-links {
        background-color: rgba(8, 11, 14, 0.96);
    }

    .nav-overlay {
        backdrop-filter: blur(4px);
    }
}