:root{--surface:#e8f3f6;--raised:#fbfefe;--quiet:#dcebf0;--nav-bg:rgba(245,250,251,.96);--on-accent:#102b34;--action:#ff933f;--highlight:#b94c0b;--feature:#d6f2f5}
.theme-toggle{width:42px;height:42px;flex-shrink:0;padding:10px;border:1px solid var(--line);border-radius:50%;display:inline-grid;place-items:center;background:var(--paper);color:var(--ink)}.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .sun{display:block}[data-theme=dark] .theme-toggle .moon{display:none}
[data-theme=dark]{--paper:#101c22;--ink:#eef6f8;--muted:#aac0c8;--line:#30464f;--surface:#182a32;--raised:#20363f;--quiet:#29414b;--nav-bg:rgba(16,28,34,.96);--action:#ffa15a;--highlight:#ff9a4b;color-scheme:dark}
.site-header{background:var(--nav-bg);border-bottom-color:var(--line)}.button:not(.button-dark):not(.button-outline):not(.nav-cta){color:var(--on-accent)}.brand-mark{background:#102b34;color:#66c8dc}.button-dark:hover{background:#394447;color:#f7f8fa}[data-theme=dark] .button-dark:hover{background:#66c8dc;color:#102b34}.menu-button span{background:var(--ink)}
[data-theme=dark] .hero h1>span,[data-theme=dark] .section-heading h2 span,[data-theme=dark] .principles h2 span,[data-theme=dark] .closing h2>span,[data-theme=dark] .page-header h1 span{color:#acb8bb}[data-theme=dark] .manifesto h2 span{color:var(--ink)!important}[data-theme=dark] .art-ground{background:#204653}[data-theme=dark] .identity-preview{border-color:var(--line)}
.demo-workspace,.closing{background:var(--surface)}.demo-result{background:var(--paper)}.pill{border-color:var(--line)}.reset-button,.range-labels,.input-hint,.result-label{color:var(--muted)}.range{background:var(--quiet)}.demo-result .breakdown{color:var(--ink)}
[data-theme=dark] .character-section{background:#66c8dc;color:#102b34}[data-theme=dark] .character-copy .text-link{color:#164b5b}[data-theme=dark] .character-copy h2{color:#102b34}[data-theme=dark] .character-copy h2 span{color:#276779}[data-theme=dark] .future-heading .pill{background:#203b46;color:#66c8dc;border-color:#356475}
[data-theme=dark] .note,[data-theme=dark] .formula,[data-theme=dark] .related-pages{background:var(--surface);color:var(--ink)}[data-theme=dark] .document th{background:var(--surface)}[data-theme=dark] .page-meta,[data-theme=dark] .page-intro,[data-theme=dark] .document p,[data-theme=dark] .document li,[data-theme=dark] .reading-nav,[data-theme=dark] .document td{color:var(--muted)}[data-theme=dark] .document strong,[data-theme=dark] .document h2,[data-theme=dark] .document h3{color:var(--ink)}[data-theme=dark] .numbered-flow>li>span{background:#66c8dc;color:#102b34}
@media(max-width:900px){.nav{gap:12px}.nav .theme-toggle{width:36px;height:36px;padding:8px}.nav .brand{margin-right:auto}.nav-cta{margin-left:0}.nav-links{background:var(--paper)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

[data-theme=dark] .story{color:#f7f8fa}[data-theme=dark] .story .spend-visual{color:#f7f8fa}[data-theme=dark] .story .spend-visual>strong{color:#66c8dc}[data-theme=dark] .document .note{border-color:var(--line)}

.button.nav-cta{color:var(--paper);background:var(--ink)}.button.nav-cta:hover{color:#102b34;background:#66c8dc}

/* Collector Crypt-inspired cyan and orange, with SlabPay's light-first treatment. */
.brand-mark{background:#102b34;color:#ff933f}
.button-dark,.button.nav-cta{background:var(--action);color:#102b34}
.button-dark:hover,.button.nav-cta:hover,[data-theme=dark] .button-dark:hover{background:#ffae70;color:#102b34}
.hero h1>span,[data-theme=dark] .hero h1>span,.page-header h1 span,[data-theme=dark] .page-header h1 span{color:var(--highlight)}
.art-ground{background:#c9edf4}[data-theme=dark] .art-ground{background:#204653}
.character-section,[data-theme=dark] .character-section{background:var(--feature);color:#102b34}
.character-copy h2,[data-theme=dark] .character-copy h2{color:#102b34}
.character-copy h2 span,[data-theme=dark] .character-copy h2 span,.character-copy p{color:#276779}
.character-copy .text-link,[data-theme=dark] .character-copy .text-link{color:#164b5b}
.roadmap-feature:first-child{background:var(--feature);color:#102b34}
.roadmap-feature:first-child p{color:#164b5b}
.app-nav a[aria-current=page],.mobile-dock a[aria-current=page]{background:var(--accent);color:#102b34}
.privacy-slab.front{background:#ddf5f9}.privacy-slab.back{background:#9edfea}
.story-counter{color:#eef6f8}.story .step-number{color:#ff9a4b}