/* Theme bridge for the hand-written pages (about, help-center, contact, privacy, terms, download, error).
   Their bodies were written for the old dark-only site with Tailwind colour utilities; this maps those
   utilities and their inline styles to the theme tokens of content.css (light and dark), so every page
   follows the same theme switch. Loaded after each page's own stylesheet. Not generated: edit by hand. */
body { background-color: var(--canvas) !important; color: var(--ink) !important; }
.hero-gradient { background: var(--glow), var(--canvas) !important; }
.glass-panel { background: var(--surface) !important; border: 1px solid var(--line) !important; box-shadow: var(--shadow); -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.field { background: var(--surface) !important; border: 1px solid var(--line-strong) !important; color: var(--ink); }
.field:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px var(--accent-soft) !important; }
.field::placeholder { color: var(--faint); }

.text-white { color: var(--ink) !important; }
.text-gray-200, .text-gray-300 { color: var(--ink-2) !important; }
.text-gray-400 { color: var(--muted) !important; }
.text-gray-500, .text-gray-600 { color: var(--faint) !important; }
.text-brand-gold, .hover\:text-brand-gold:hover, .hover\:text-white:hover { color: var(--accent) !important; }
.text-blue-600 { color: var(--accent) !important; }
.bg-brand-dark\/30, .bg-white\/5, .bg-brand-gold\/30 { background-color: var(--card) !important; }
.hover\:bg-brand-dark\/50:hover { background-color: var(--card-hover) !important; }
.bg-\[\#0a0a1a\], .bg-\[\#05060a\], .bg-\[\#050510\] { background-color: var(--canvas) !important; }
.bg-\[\#0a0a1a\]\/90 { background-color: var(--nav) !important; }
.border-white\/5, .border-white\/10 { border-color: var(--line) !important; }
.hover\:border-brand-gold\/40:hover { border-color: var(--line-strong) !important; }
.bg-brand-gold { background-color: var(--accent) !important; color: var(--accent-ink) !important; }
.bg-brand-gold.text-brand-deep, .bg-brand-gold .text-brand-deep, .bg-brand-gold.text-\[\#0a0a1a\] { color: var(--accent-ink) !important; }
.hover\:bg-white:hover { background-color: var(--accent) !important; opacity: .9; }
.shadow-glow, .hover\:shadow-glow:hover { box-shadow: var(--shadow) !important; }
details > summary { color: var(--ink); }
input, textarea, select { color: var(--ink); }

/* Links inside running text are underlined, not told apart by colour alone (WCAG 1.4.1). */
main p a, main li a, main dd a { text-decoration: underline; text-underline-offset: 2px; }