/* ═══════════════════════════════════════════════════════════════ DARK MODE — Site-wide styles Applied when or ═══════════════════════════════════════════════════════════════ */ /* ═══ GLOBAL TOKENS ═══ */ html.dark, body.dark { /* Color tokens */ --paper: #0e1410; --white: #141a16; --ink: #e8ede8; --ink-2: #a0a8a0; --ink-3: #707870; --ink-4: #505850; --border: #2a342c; --gm: #0d2818; --gm2: #0f3520; /* Apply to body */ background: var(--paper); color: var(--ink); } /* ═══ COMPONENTS ═══ */ /* Navigation (site-header component): converted to Tailwind utilities (Pass 2 finale). The light-scheme header carries dark: variants in the component itself; the dark scheme needs none. The old `html.dark .site-header-light …` overrides were removed. */ /* Footer: the site-footer component is its own light-green scheme converted to utilities (Pass 2). The old `html.dark .footer` rule was a stale selector (the element is `.site-footer`) and was removed. */ /* ═══ COMMON ELEMENTS ═══ */ /* Cards (home/gallery/contact card classes converted to dark: variants, Pass 2) */ html.dark .card, html.dark .phil-card, html.dark .fact-item, html.dark .test-card, html.dark .rc, body.dark .card, body.dark .phil-card, body.dark .fact-item, body.dark .test-card, body.dark .rc { background: rgba(255,255,255,.03); border-color: var(--border); } /* Buttons (home's .hbtn-s/.cta-bs and contact's .cta-btn-sec converted to dark: variants, Pass 2 — nothing left here) */ /* Form inputs (contact's .form-input/-select/-textarea converted to dark: variants, Pass 2; the rest still belong to unconverted pages) */ html.dark .nl-f, html.dark .ms-input, html.dark .sb-nl-inp, body.dark .nl-f, body.dark .ms-input, body.dark .sb-nl-inp { background: rgba(255,255,255,.04); border-color: var(--border); color: var(--ink); } html.dark .nl-f:focus, html.dark .ms-input:focus, html.dark .sb-nl-inp:focus, body.dark .nl-f:focus, body.dark .ms-input:focus, body.dark .sb-nl-inp:focus { background: rgba(255,255,255,.06); border-color: var(--g); } /* ═══ PAGE: HOME ═══ */ /* Converted to Tailwind utilities (Pass 2) — home-only selectors (.hstat-n, .hbtn-p, .wl-quote, .cta-t/.cta-bp, .vid-play, .hero-overlay, .who-section, .now-section, .videos-section, .journal-section, .feat/.fb, stale .ap-name/ .gi-t) are now dark: variants in the view. .hero-title / .hero / .gallery-section stay: unconverted pages still use those class names. */ /* Converted to Tailwind utilities (Pass 2) — home/gallery heroes were already fully utility-based; blog/show (the only .hero/.hero-title user) now carries dark:bg-paper / dark:before:opacity-[.04] / dark:text-white directly, so the former shared .hero/.hero::before/.hero-title dark rules were removed. */ /* ═══ PAGE: ABOUT ═══ */ /* Converted to Tailwind utilities (Pass 2) — every rule (section backgrounds, exp-cell tint+hover, timeline connector, now-item border, gallery white bg, hero byline) is now a dark: variant in the view. */ /* ═══ PAGE: CONTACT ═══ */ /* Converted to Tailwind utilities (Pass 2) — every rule here either flowed from the token overrides (hero-right/stats/sections/faq borders) or is now a dark: variant in the view (form fields, cards). */ /* ═══ PAGE: GALLERY ═══ */ /* Converted to Tailwind utilities (Pass 2) — .gallery-hero/.collections-strip/ .filter-pill matched nothing (stale names); the controls bar and gallery items carry dark: variants in the view now. The .gallery-section rule under PAGE: HOME stays for the about page. */ /* ═══ PAGE: PORTFOLIO INDEX ═══ */ /* Converted to Tailwind utilities (Pass 2) — .portfolio-hero was stale; .results-section/.featured-card/.project-card are dark: variants in the view now; contact's own rule still covers its .process-section. */ /* ═══ PAGE: PORTFOLIO SINGLE ═══ */ /* Converted to Tailwind utilities (Pass 2) — the page's sidebar tint is now a dark: variant; .timeline/.result-numbers matched nothing (stale names). The shared .sidebar rule was removed once blog/show (its last user) became a dark:bg-white/[.03] variant on the aside. */ /* ═══ PAGE: BLOG INDEX ═══ */ /* Converted to Tailwind utilities (Pass 2) — .blog-hero/.blog-grid-section/ .blog-card matched nothing (stale names); dark styling comes from the global token overrides plus dark: variants in the view. */ /* ═══ PAGE: BLOG SINGLE ═══ */ /* Converted to Tailwind utilities (Pass 2) — all blog-single dark styling now lives in the view as dark: variants (breadcrumb, read-toolbar, sidebar/TOC, author card, prev/next, related, tags, newsletter inputs, blockquote); the prose design blocks (callout/pull/sh/stat-block/steps/figure/mid-sub) had no markup in CMS content and were dropped. The former shared .hero/.hero-byline/ .hero-stats/.pull rules were removed once about was converted — .hero/.hero:: before now live under PAGE: HOME (still shared); byline/stats/pull are dead. */ /* ═══ PAGE: 404 ═══ */ /* Converted to Tailwind utilities (Pass 2) — .error-page/.error-left matched nothing (stale names); the score-card override became a dark: variant. */ /* ═══ SEARCH PAGE ═══ */ /* Converted to Tailwind utilities (Pass 2) — dark styling now lives in the search views as dark: variants + token variables. Nothing left here. */