/* ── LIGHT (DAY) THEME ── */ /* Applied when . Dark theme is the default. */ /* Variable overrides — cascades to all var() usages site-wide */ [data-theme="light"] { --white: #0a0a0a; --black: #f0ede8; --gray: #555; --border: #d4cfc9; --light-gray: #bbb; } [data-theme="light"] body { background: #f0ede8; color: #0a0a0a; } /* Nav */ [data-theme="light"] nav { background: rgba(240, 237, 232, 0.92); border-bottom-color: #d4cfc9; } [data-theme="light"] .nav-logo { color: #0a0a0a; } [data-theme="light"] .nav-links a { color: #777; } [data-theme="light"] .nav-links a:hover { color: #0a0a0a; } [data-theme="light"] .nav-ticket { color: #0a0a0a !important; border-color: #aaa; } [data-theme="light"] .nav-ticket:hover { border-color: #0a0a0a !important; } [data-theme="light"] .nav-lang a { color: #777; } [data-theme="light"] .nav-lang a.active, [data-theme="light"] .nav-lang a:hover { color: #0a0a0a; } [data-theme="light"] .nav-hamburger span { background: #0a0a0a; } [data-theme="light"] .nav-mobile { background: #f0ede8; } [data-theme="light"] .nav-mobile ul a { color: #777; } [data-theme="light"] .nav-mobile ul a:hover { color: #0a0a0a; } /* Theme toggle button */ [data-theme="light"] .theme-toggle { color: #888; } [data-theme="light"] .theme-toggle:hover { color: #0a0a0a; } /* Nav logo text fallback */ [data-theme="light"] .nav-logo-text { color: #0a0a0a; } /* logo-white / logo-black switching is handled in layout.css */ /* Ticker */ [data-theme="light"] .ticker { background: #f0ede8; border-color: #d4cfc9; } [data-theme="light"] .ticker-item { color: #777; } [data-theme="light"] .ticker-item strong { color: #0a0a0a; } /* Section header */ [data-theme="light"] .section-header { border-bottom-color: #d4cfc9; } [data-theme="light"] .section-link { color: #777; border-bottom-color: #ccc; } [data-theme="light"] .section-link:hover { color: #0a0a0a; border-bottom-color: #0a0a0a; } /* About */ [data-theme="light"] #about { background: #ebe8e3; } [data-theme="light"] .about-body { color: #555; } [data-theme="light"] .about-stats { border-top-color: #d4cfc9; } [data-theme="light"] .stat-number { color: #0a0a0a; } [data-theme="light"] .stat-label { color: #777; } /* Image sections always keep white text — these sit on darkened photos */ [data-theme="light"] .hero-scroll { color: #ccc; } [data-theme="light"] .hero-title { color: #fff; } [data-theme="light"] .hero-title em { color: #e8e8e8; } [data-theme="light"] .film-card-title, [data-theme="light"] .film-card-director, [data-theme="light"] .film-card-date { color: #fff; } [data-theme="light"] .guest-name { color: #fff; } [data-theme="light"] .guest-role { color: #aaa; } [data-theme="light"] .location-title, [data-theme="light"] .location-detail { color: #fff; } [data-theme="light"] .workshop-title, [data-theme="light"] .workshop-desc { color: #fff; } /* Buttons on image backgrounds stay inverted */ [data-theme="light"] .btn-white { background: #fff; color: #000; } [data-theme="light"] .btn-outline { border-color: rgba(255,255,255,0.5); color: #fff; } [data-theme="light"] .btn-outline:hover { border-color: #fff; } /* Newsletter */ [data-theme="light"] #newsletter { background: #ebe8e3; border-top-color: #d4cfc9; } [data-theme="light"] .newsletter-sub { color: #777; } [data-theme="light"] .newsletter-form input { background: #fff; border-color: #ccc; color: #0a0a0a; } [data-theme="light"] .newsletter-form input::placeholder { color: #aaa; } [data-theme="light"] .newsletter-form input:focus { border-color: #888; } [data-theme="light"] .newsletter-form button { background: #0a0a0a; color: #fff; } [data-theme="light"] .newsletter-form button:hover { background: #222; } /* Toast */ [data-theme="light"] .toast { background: #0a0a0a; color: #fff; } /* Footer */ [data-theme="light"] footer { background: #f0ede8; border-top-color: #d4cfc9; } [data-theme="light"] .footer-bottom { border-top-color: #d4cfc9; } [data-theme="light"] .footer-bottom p { color: #aaa; } [data-theme="light"] .footer-sponsors span { color: #aaa; } [data-theme="light"] .sponsor-badge { color: #999; border-color: #ccc; } [data-theme="light"] .footer-col ul li a { color: #777; } [data-theme="light"] .footer-col ul li a:hover { color: #0a0a0a; } [data-theme="light"] .footer-social a { color: #777; } [data-theme="light"] .footer-social a:hover { color: #0a0a0a; } [data-theme="light"] .footer-logo { color: #0a0a0a; } [data-theme="light"] .footer-logo span { color: #777; } [data-theme="light"] .footer-col h4 { color: #aaa; }