/* Theme Toggle */
.dark-mode {
    --primary-color: #6b8cae;
    --secondary-color: #4a6fa5;
    --accent-color: #8ac4d0;
    --text-color: #f5f5f5;
    --bg-color: #1a1a2e;
    --header-bg: #16213e;
    --nav-link-color: #8ac4d0;
    --control-btn-bg: #4a6fa5;
    --control-btn-text: #fff;
    --section-bg: #16213e;
    --border-color: #3a4a5c;
    --shadow-color: rgba(0, 0, 0, 0.3);
}

/* Low-Spec Mode */
.low-spec-mode {
    --primary-color: #4a6fa5;
    --secondary-color: #166088;
    --accent-color: #4fc3f7;
    --text-color: #333;
    --bg-color: #f5f5f5;
    --header-bg: #fff;
    --nav-link-color: #4a6fa5;
    --control-btn-bg: #4a6fa5;
    --control-btn-text: #fff;
    --section-bg: #fff;
    --border-color: #ddd;
    --shadow-color: rgba(0, 0, 0, 0.1);
}

.low-spec-mode canvas {
    opacity: 0.8;
}

.low-spec-mode .section {
    box-shadow: none;
}

.low-spec-mode button {
    transition: none;
}