/* The theme control remains available in the header on every screen size. */
.nav-actions { gap:12px; }
.theme-toggle { width:40px; height:40px; flex:none; display:grid; place-items:center; padding:0; border:1px solid #ffffff40; border-radius:50%; background:transparent; color:#e7ddee; transition:background .2s,border-color .2s; }
.theme-toggle:hover { background:#ffffff12; border-color:#bea2e6; }
.theme-toggle:focus-visible { outline-color:#d5bdf1; }
.theme-toggle svg { width:18px; height:18px; grid-area:1/1; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.theme-toggle .theme-sun { display:none; }
[data-theme="dark"] .theme-toggle .theme-sun { display:block; }
[data-theme="dark"] .theme-toggle .theme-moon { display:none; }
[data-theme="dark"] { color-scheme:dark; --bg:#18121f; --surface:#261d32; --ink:#f2edf7; --ink-2:#c0b5ca; --muted:#ad9dbc; --line:#44344f; --panel:#251b32; --panel-2:#382641; --panel-ink:#f2edf7; --panel-muted:#cfc1da; }
[data-theme="dark"] :focus-visible { outline-color:#bea2e6; }
[data-theme="dark"] .nav,[data-theme="dark"] .nav::before { background:#18121ff5; }
[data-theme="dark"] .ticker { color:#2c1d40; }
[data-theme="dark"] .brand-card { background:var(--surface); border-color:var(--line); }
[data-theme="dark"] .brand-card[data-brand="namaslay"] { background:#382647; border-color:#5a3f72; }
[data-theme="dark"] .experience-heading .dot,[data-theme="dark"] .manifesto .g3 { color:#bea2e6; }
[data-theme="dark"] .manifesto .g2 { color:#b3a0c5; }
[data-theme="dark"] .btn-ink:hover { background:#d5bdf1; color:#271d38; }
[data-theme="dark"] .kpi { background:var(--surface); }
[data-theme="dark"] .kpi:nth-child(2) { background:#412b54; }
[data-theme="dark"] .kpi:nth-child(3) { background:var(--ember); color:#2c1d40; }
[data-theme="dark"] .kpi:nth-child(4) { background:#3b332e; color:#f0e3d6; }
[data-theme="dark"] .kpi:nth-child(4) .n { color:#d1ad90; }
[data-theme="dark"] .kpi:nth-child(4)>span:last-child { color:#d4c4b6; }
[data-theme="dark"] .panel { border:1px solid var(--line); }
[data-theme="dark"] details[open] .plus { color:#271d38; }
[data-theme="dark"] .step-card { background:#30223d; border-color:var(--line); }
[data-theme="dark"] .step-tab[aria-selected=true] { background:#513565; color:#f2edf7; }
[data-theme="dark"] .deliv li,[data-theme="dark"] .outcome { border-color:#534060; }
[data-theme="dark"] .deliv li::before,[data-theme="dark"] .outcome b,[data-theme="dark"] .way .tag,[data-theme="dark"] .way li::before,[data-theme="dark"] details.q summary::after { color:#bea2e6; }
[data-theme="dark"] .member:hover { background:#30213e; }
[data-theme="dark"] .avatar { border-color:#685275; }
[data-theme="dark"] .ways { background:#251b32; }
[data-theme="dark"] .way.featured { background:#352442; }
[data-theme="dark"] .contact { border:1px solid #59406d; }
[data-theme="dark"] .footer-wordmark { color:#decbef; }
@media(max-width:760px) { .nav-actions { gap:8px; } .theme-toggle { width:36px; height:36px; } [data-theme="dark"] .nav-links { background:#2a1f38; } }
@media(max-width:400px) { .nav-actions>.btn { display:none; } }

/* Amethyst anchors the business-facing palette; lavender supplies softer contrast. */
[data-theme="light"] { --muted:#82718e; }
.ticker { background:#7953a9; color:#fff; }
.ticker i { color:#e5d5f5; }
.nav .btn,.hero .btn-ember,.btn-ember { background:#7953ac; color:#fff; }
.nav .btn:hover,.hero .btn-ember:hover,.btn-ember:hover { background:#8a64bc; color:#fff; box-shadow:0 0 24px #9d73cd25; }
.kpi:nth-child(3) { background:#e1d2ef; }
[data-theme="dark"] .ticker { background:#7853a5; color:#fff; }
[data-theme="dark"] .nav .btn,[data-theme="dark"] .hero .btn-ember,[data-theme="dark"] .btn-ember { background:#c5a7eb; color:#2c1d40; }
[data-theme="dark"] .nav .btn:hover,[data-theme="dark"] .hero .btn-ember:hover,[data-theme="dark"] .btn-ember:hover { background:#dac4f3; }
[data-theme="dark"] .kpi:nth-child(3) { background:#bca0dc; color:#2c1d40; }