/* Dark mode palette. Toggled via [data-theme="dark"] on , set by the blocking inline script in nuxt.config.js (no-flash) and kept in sync by composables/useTheme.js. This first pass covers site-wide chrome only - navbar, footer, the PageHeader banner, and the page canvas - not the individual marketing sections, which keep their current light styling. */ :root { --pt-canvas: #ffffff; --pt-canvas-alt: #f8f9fa; --pt-canvas-text: #666e82; --pt-heading: #1f3285; --pt-nav-bg: #1d7ec2; --pt-nav-border: rgba(255, 255, 255, 0.3); --pt-nav-mobile-bg: #1d7ec2; --pt-footer-bg: #1d7ec2; --pt-banner-gradient: linear-gradient(135deg, #1d7ec2 0%, #1f3285 45%, #4ebdcc 100%); --pt-title-gradient: linear-gradient(45deg, #1f3285, #4ebdcc); } [data-theme="dark"] { --pt-canvas: #0b1220; --pt-canvas-alt: #101a2e; --pt-canvas-text: #b7c0da; /* Headings: brand primary-300/secondary-500 (admin-panel/tailwind.config.ts) instead of flat white, so section titles stay on-brand in dark mode. */ --pt-heading: #97cee6; --pt-nav-bg: #0f172a; --pt-nav-border: rgba(78, 189, 204, 0.35); --pt-nav-mobile-bg: #0f172a; --pt-footer-bg: #0b1220; --pt-banner-gradient: linear-gradient(135deg, #0b3d91 0%, #0a1128 55%, #157a86 100%); --pt-title-gradient: linear-gradient(45deg, #57a8d4, #4ebdcc); } [data-theme="dark"] body { background-color: var(--pt-canvas); color: var(--pt-canvas-text); } [data-theme="dark"] .site-footer.pt-primary-bg { background-color: var(--pt-footer-bg) !important; border-color: var(--pt-footer-bg) !important; }