/* ═══════════════════════════════════════════════════════════════════════ EDITORIAL DARK THEME — shared overrides for all editorial pages. Restores dark palette when [data-theme="dark"] is set on . Page-specific dark overrides remain in each page's own CSS file. ═══════════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .page-home--editorial, [data-theme="dark"] .page-photography--editorial, [data-theme="dark"] .page-about--editorial, [data-theme="dark"] .page-portfolio--editorial { --bg-base: #21201d; --bg-primary: #272623; --bg-secondary: #2e2d29; --bg-elevated: #383632; --text-primary: #f5f1ea; --text-secondary: #b8b2a6; --text-muted: #706b60; --border-subtle: rgba(245, 241, 234, 0.05); --border-default: rgba(245, 241, 234, 0.08); --border-hover: rgba(245, 241, 234, 0.14); --ed-ink: #f5f1ea; --ed-ink-soft: #b8b2a6; --ed-ink-mute: #706b60; --ed-paper: #21201d; --ed-paper-deep: #1a1917; --ed-rule: 1px solid var(--ed-ink); --ed-hair: 1px solid rgba(255, 255, 255, 0.12); background: var(--ed-paper); color: var(--ed-ink); } /* Nav buttons — shared across all editorial pages */ [data-theme="dark"] .page-home--editorial .site-nav .nav-social, [data-theme="dark"] .page-home--editorial .site-nav .nav-login-btn, [data-theme="dark"] .page-photography--editorial .site-nav .nav-social, [data-theme="dark"] .page-photography--editorial .site-nav .nav-login-btn, [data-theme="dark"] .page-about--editorial .site-nav .nav-social, [data-theme="dark"] .page-about--editorial .site-nav .nav-login-btn, [data-theme="dark"] .page-portfolio--editorial .site-nav .nav-social, [data-theme="dark"] .page-portfolio--editorial .site-nav .nav-login-btn { color: var(--ed-ink) !important; } [data-theme="dark"] .page-home--editorial .site-nav .nav-social:hover, [data-theme="dark"] .page-home--editorial .site-nav .nav-login-btn:hover, [data-theme="dark"] .page-photography--editorial .site-nav .nav-social:hover, [data-theme="dark"] .page-photography--editorial .site-nav .nav-login-btn:hover, [data-theme="dark"] .page-about--editorial .site-nav .nav-social:hover, [data-theme="dark"] .page-about--editorial .site-nav .nav-login-btn:hover, [data-theme="dark"] .page-portfolio--editorial .site-nav .nav-social:hover, [data-theme="dark"] .page-portfolio--editorial .site-nav .nav-login-btn:hover { background: rgba(255, 255, 255, 0.06) !important; } /* Paper grain texture — switch blend mode for dark backgrounds */ [data-theme="dark"] .page-home--editorial::before, [data-theme="dark"] .page-photography--editorial::before, [data-theme="dark"] .page-about--editorial::before, [data-theme="dark"] .page-portfolio--editorial::before { mix-blend-mode: screen; opacity: 0.3; }