:root{--surface:#f0eaf5;--raised:#fffdfb;--quiet:#e6dced;--nav-bg:rgba(245,250,251,.96);--on-accent:#30223f;--action:#bc97ec;--highlight:#8050ad;--feature:#e7dbf5}
.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:#1c1525;--ink:#f4edf9;--muted:#c3b3d0;--line:#51425e;--surface:#281f34;--raised:#32283f;--quiet:#40334e;--nav-bg:rgba(16,28,34,.96);--action:#ffa15a;--highlight:#ceb0f2;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:#30223f;color:#b89ae7}.button-dark:hover{background:#394447;color:#fbf9f5}[data-theme=dark] .button-dark:hover{background:#b89ae7;color:#30223f}.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:#493259}[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:#b89ae7;color:#30223f}[data-theme=dark] .character-copy .text-link{color:#63447f}[data-theme=dark] .character-copy h2{color:#30223f}[data-theme=dark] .character-copy h2 span{color:#765589}[data-theme=dark] .future-heading .pill{background:#342743;color:#b89ae7;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:#b89ae7;color:#30223f}
@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:#fbf9f5}[data-theme=dark] .story .spend-visual{color:#fbf9f5}[data-theme=dark] .story .spend-visual>strong{color:#b89ae7}[data-theme=dark] .document .note{border-color:var(--line)}

.button.nav-cta{color:var(--paper);background:var(--ink)}.button.nav-cta:hover{color:#30223f;background:#b89ae7}

/* Collector Crypt-inspired cyan and orange, with MintlyPay's light-first treatment. */
.brand-mark{background:#30223f;color:#bc97ec}
.button-dark,.button.nav-cta{background:var(--action);color:#30223f}
.button-dark:hover,.button.nav-cta:hover,[data-theme=dark] .button-dark:hover{background:#ceb0f2;color:#30223f}
.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:#e1d2f2}[data-theme=dark] .art-ground{background:#493259}
.character-section,[data-theme=dark] .character-section{background:var(--feature);color:#30223f}
.character-copy h2,[data-theme=dark] .character-copy h2{color:#30223f}
.character-copy h2 span,[data-theme=dark] .character-copy h2 span,.character-copy p{color:#765589}
.character-copy .text-link,[data-theme=dark] .character-copy .text-link{color:#63447f}
.roadmap-feature:first-child{background:var(--feature);color:#30223f}
.roadmap-feature:first-child p{color:#63447f}
.app-nav a[aria-current=page],.mobile-dock a[aria-current=page]{background:var(--accent);color:#30223f}
.privacy-slab.front{background:#f1e8fc}.privacy-slab.back{background:#c7ace7}
.story-counter{color:#f4edf9}.story .step-number{color:#ceb0f2}
