/* Site-wide, persistent colour theme. Page styles retain their hierarchy. */
:root { color-scheme: light; }

.site-nav-controls { display: flex; align-items: center; gap: 8px; }
.theme-toggle { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.58); color: var(--ink); cursor: pointer; }
.theme-toggle:hover { border-color: var(--blue); color: var(--blue); }

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body { background: #091727; color: #e6eef7; }
html[data-theme="dark"] .site-header { border-color: rgba(148,172,199,.18); background: rgba(9,23,39,.9); }
html[data-theme="dark"] .site-brand, html[data-theme="dark"] .site-menu > a { color: #e6eef7; }
html[data-theme="dark"] .site-menu > a { color: #b9c9d9; }
html[data-theme="dark"] .site-menu > a:hover, html[data-theme="dark"] .site-menu > a[aria-current="page"] { color: #fff; }
html[data-theme="dark"] .theme-toggle { border-color: #2b4865; background: #10263d; color: #f4d06f; }
/* Secondary actions use the SLAPIP sage accent, never low-contrast grey. */
.button-quiet { border-color:#3f704d; background:#3f704d; color:#fff; box-shadow:0 10px 20px rgba(45,93,62,.18); }
.button-quiet:hover, .button-quiet:focus-visible { border-color:#2f593c; background:#2f593c; color:#fff; outline:0; }
html[data-theme="dark"] .button-quiet { border-color:#77a985; background:#77a985; color:#082415; box-shadow:none; }
html[data-theme="dark"] .button-quiet:hover, html[data-theme="dark"] .button-quiet:focus-visible { border-color:#9bc5a5; background:#9bc5a5; color:#061c10; }
html[data-theme="dark"] .site-menu-toggle { border: 1px solid #2b4865; border-radius: 10px; background: #10263d; }
html[data-theme="dark"] .site-menu-toggle span:not(.visually-hidden) { background: #edf5ff; }
html[data-theme="dark"] .home-hero, html[data-theme="dark"] .compact-band { background: radial-gradient(circle at 86% 22%,rgba(43,121,231,.2),transparent 28%),linear-gradient(135deg,#0d233d 0%,#091727 54%,#0d2d31 100%); color: #eaf2fa; border-color: #203b56; }
html[data-theme="dark"] .hero-summary, html[data-theme="dark"] .section-intro > p:last-child, html[data-theme="dark"] .path-card p:not(.path-number), html[data-theme="dark"] .legal-content, html[data-theme="dark"] .developer-card p, html[data-theme="dark"] .feature-grid p, html[data-theme="dark"] .topic-grid p, html[data-theme="dark"] .story-copy p, html[data-theme="dark"] .support-expectations p, html[data-theme="dark"] .credit-note p { color: #b9c9d9; }
html[data-theme="dark"] .hero-copy h1, html[data-theme="dark"] .section-intro h2, html[data-theme="dark"] .section-heading h2, html[data-theme="dark"] .story-copy h2, html[data-theme="dark"] .contact-strip h2, html[data-theme="dark"] .support-form-card h2, html[data-theme="dark"] .credit-note h2, html[data-theme="dark"] .legal-content h2, html[data-theme="dark"] .feature-grid h3, html[data-theme="dark"] .topic-grid h3, html[data-theme="dark"] .credits-grid strong { color: #f1f6fb; }
html[data-theme="dark"] .hero-data-card, html[data-theme="dark"] .developer-card, html[data-theme="dark"] .feature-grid article, html[data-theme="dark"] .topic-grid article, html[data-theme="dark"] .support-form-card, html[data-theme="dark"] .credit-note, html[data-theme="dark"] .credits-grid a { background: #10263d; border-color: #28445f; box-shadow: none; }
html[data-theme="dark"] .data-card-top, html[data-theme="dark"] .data-path { border-color: #28445f; }
html[data-theme="dark"] .data-map { background: linear-gradient(140deg,#123456,#10263d 45%,#113b37); }
html[data-theme="dark"] .path-card-blue { background: #102b4e; } html[data-theme="dark"] .path-card-mint { background: #103935; } html[data-theme="dark"] .path-card-sand { background: #3a2d16; }
html[data-theme="dark"] .path-icon { background: rgba(255,255,255,.1); }
html[data-theme="dark"] .path-card a { color: #dceeff; text-decoration-color: #76b8ff; }
html[data-theme="dark"] .path-card a:hover, html[data-theme="dark"] .path-card a:focus-visible { color: #fff; text-decoration: underline; outline: 0; }
html[data-theme="dark"] .map-canvas { background: #10263d; }
html[data-theme="dark"] .map-notice { color: #d4e4f4; }
html[data-theme="dark"] .map-notice strong { color: #fff; }
html[data-theme="dark"] .contact-strip { background: #e9f3ff; border: 1px solid #c6dcf3; }
html[data-theme="dark"] .contact-strip h2 { color: #102b4b; }
html[data-theme="dark"] .contact-strip p { color: #41546a; }
html[data-theme="dark"] .legal-aside { color: #d9e6f2; } html[data-theme="dark"] .legal-aside a { color: #b9c9d9; }
html[data-theme="dark"] .support-form-card input, html[data-theme="dark"] .support-form-card textarea { color: #edf5ff; background: #0a1c30; border-color: #34516e; }
html[data-theme="dark"] .site-footer { background: #050f1c; }

@media (max-width: 680px) { html[data-theme="dark"] .site-menu { background: #10263d; border-color: #28445f; } }