/* astro-themes.css — Design tokens for astrophotography pages (astro-theme system, independent of portfolio.css) */ /* ────────────────────────────────────────────────────────────── THEME · NIGHT — Dark (cinematic near-black) Usage: (set from script) ────────────────────────────────────────────────────────────── */ html.theme-night { --bg: #07080b; --bg-2: #0d0f14; --paper: #07080b; --paper-d: #0d0f14; --ink: #ece5d4; --ink-mid: #a89f8a; --ink-sub: #6a6357; --rule: rgba(236,229,212,0.10); --rule-soft: rgba(236,229,212,0.05); --accent: #d4a76a; --indigo: #6fc7d4; --cyan: #6fc7d4; --display: "Newsreader", "Times New Roman", serif; --sans: "Space Grotesk", -apple-system, sans-serif; --body: "Manrope", -apple-system, sans-serif; --mono: "JetBrains Mono", ui-monospace, monospace; --serif: "Newsreader", "Times New Roman", serif; } /* ────────────────────────────────────────────────────────────── THEME · LIGHT — Light mode variant Usage: (toggled by JS) ────────────────────────────────────────────────────────────── */ html.theme-light { --bg: #f5f2eb; --bg-2: #ece8de; --paper: #f5f2eb; --paper-d: #ece8de; --ink: #1a1a1a; --ink-mid: #4a4540; --ink-sub: #7a7268; --rule: rgba(26,26,26,0.12); --rule-soft: rgba(26,26,26,0.06); --accent: #b8772a; --indigo: #3a7a8a; --cyan: #3a7a8a; --display: "Newsreader", "Times New Roman", serif; --sans: "Space Grotesk", -apple-system, sans-serif; --body: "Manrope", -apple-system, sans-serif; --mono: "JetBrains Mono", ui-monospace, monospace; --serif: "Newsreader", "Times New Roman", serif; } /* ────────────────────────────────────────────────────────────── DEFAULT — astrophotography page marker class ────────────────────────────────────────────────────────────── */ body.astro-page { /* theme applied by JS on page load */ }