body.light-mode {
    --canvas: #FDFDF8;
    --surface-soft: #f5f5f5;
    --surface-card: rgba(0, 0, 0, 0.03);
    --surface-elevated: rgba(0, 0, 0, 0.05);
    --hairline: rgba(0, 0, 0, 0.1);
    --hairline-strong: rgba(0, 0, 0, 0.15);
    --glass: rgba(0, 0, 0, 0.03);
    --glass-border: rgba(0, 0, 0, 0.1);
    --on-dark: #000000;
    --body: #333333;
    --body-strong: #1a1a1a;
    --muted: #666666;
    --muted-soft: #999999;
    --link: #0066cc;
    background: #FDFDF8;
    color: #333333;
}

body.light-mode .site-header.scrolled {
    background: rgba(253, 253, 248, 0.85);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}

body.light-mode .header-logo {
    color: #000;
}

body.light-mode .header-menu-btn {
    color: #000;
}

body.light-mode .header-menu-btn svg path {
    stroke: #000;
}

body.light-mode .header-dropdown {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.1);
}

body.light-mode .header-dropdown-item {
    color: #333;
}

body.light-mode .header-dropdown-item:hover {
    background: rgba(0, 0, 0, 0.05);
}

body.light-mode img {
    filter: none;
}

body.light-mode .hero-bg img {
    filter: none;
}

body.light-mode .signature-svg {
    color: #000;
}

body.light-mode .fullbleed-video-wrap {
    background: linear-gradient(
        165deg,
        rgba(0, 0, 0, 0.12) 0%,
        rgba(0, 0, 0, 0.06) 20%,
        rgba(0, 0, 0, 0.02) 40%,
        rgba(0, 0, 0, 0.0) 50%,
        rgba(0, 0, 0, 0.03) 65%,
        rgba(0, 0, 0, 0.08) 85%,
        rgba(0, 0, 0, 0.12) 100%
    );
    box-shadow:
        0 30px 100px -20px rgba(0, 0, 0, 0.12),
        0 60px 140px -30px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(0, 0, 0, 0.08);
}

body.light-mode .fullbleed-video-wrap::after {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent);
}

body.light-mode .fullbleed-video {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}

body.light-mode .fullbleed-video::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 30%);
}

body.light-mode .fullbleed-video::after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent);
}

body.light-mode .video-cta {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #fff;
}

body.light-mode .video-cta:hover {
    background: rgba(0, 0, 0, 0.6);
}

body.light-mode .password-gate {
    background: var(--canvas);
}

body.light-mode .password-input {
    color: #000;
    border-color: #ccc;
}

body.light-mode .password-input:focus {
    border-color: #000;
}