html[data-theme="light"] {
    color-scheme: light;
    --bg-dark: #f5f5f7;
    --bg-card: #ffffff;
    --bg-code: #f0f0f5;
    --bg-overlay-strong: rgba(245, 245, 247, 0.92);
    --neon-cyan: #0077b6;
    --neon-magenta: #c2185b;
    --neon-purple: #7b1fa2;
    --text-primary: #1a1a2e;
    --text-secondary: #555570;
    --border-color: #d0d0dd;
    --success-green: #2e7d32;
    --warning-yellow: #8a6500;
    --focus: #8a4b00;
    --shadow: 0 24px 70px rgba(37, 48, 68, 0.16);
    --code-bg: #1a1a2e;
    --code-text: #ffffff;
}

html[data-theme="light"] body::before {
    background:
        linear-gradient(90deg, rgba(0, 119, 182, 0.04) 1px, transparent 1px),
        linear-gradient(rgba(0, 119, 182, 0.04) 1px, transparent 1px);
    background-size: 50px 50px;
}

html[data-theme="light"] .site-header,
html[data-theme="light"] .header,
html[data-theme="light"] .lesson-progress {
    background: rgba(255, 255, 255, 0.94);
}

html[data-theme="light"] .primary-action {
    color: #ffffff;
}

html[data-theme="light"] .terminal-preview {
    --border: #303a4f;
}

html[data-theme="light"] .flyout-link:hover {
    background: rgba(0, 119, 182, 0.06);
}

html[data-theme="light"] .flyout-link.active {
    background: linear-gradient(135deg, rgba(0, 119, 182, 0.13), rgba(194, 24, 91, 0.1));
}

html[data-theme="light"] .markdown blockquote {
    background: rgba(0, 119, 182, 0.04);
}

html[data-theme="light"] .markdown pre {
    border-color: #303a4f;
}

html[data-theme="light"] .copy-code-button {
    border-color: #4a5568;
    background: #22283a;
    color: #e4e8f0;
}