/* Neutral surfaces, with orange reserved for small signals and focus. */
:root {
 color-scheme:light;
 --on-ink:#fff;--button-hover:#343a35;--footer:#f0f1eb;--story:#4f5750;
 --field-line:#90958b;--field-hover:#70796a;--placeholder:#6b706c;
 --focus:#a84c09;--focus-halo:#ed7b2126;
 --success-bg:#edf3e9;--success-line:#cbdac2;--success-ink:#3d5c33;
 --error-bg:#fff1f0;--error-line:#e1c3c0;--error-ink:#8f3330;
 --warning-bg:#f4efe5;--warning-line:#ddd1b9;--warning-ink:#7d653e;
 --danger-button:#a33030;
}
:root[data-theme=dark] {
 color-scheme:dark;
 --paper:#080808;--white:#121212;--ink:#f2f2ee;--muted:#b0b0ab;
 --line:#343434;--soft:#1d1d1d;--accent:#f58b3b;
 --green:#9cd3ae;--red:#ffaaa2;--shadow:0 20px 65px #0009;
 --on-ink:#111;--button-hover:#d9d9d2;--footer:#0d0d0d;--story:#cecec7;
 --field-line:#686868;--field-hover:#93938d;--placeholder:#a3a39c;
 --focus:#f5a060;--focus-halo:#f58b3b26;
 --success-bg:#12251a;--success-line:#355a3f;--success-ink:#b0dbba;
 --error-bg:#301716;--error-line:#75403b;--error-ink:#ffb6ae;
 --warning-bg:#2a2114;--warning-line:#655133;--warning-ink:#edc58d;
 --danger-button:#9b322d;
}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:9px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);flex:none}
.theme-toggle:hover{background:var(--soft)}
.theme-toggle .icon{width:17px;height:17px}
.theme-toggle-label,.theme-sun{display:none}
[data-theme=dark] .theme-moon{display:none}
[data-theme=dark] .theme-sun{display:inline-block}
[data-theme=dark] .brand img{filter:invert(1)}
[data-theme=dark] .auth-art{filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.75}
input:autofill{box-shadow:0 0 0 1000px var(--white) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:none!important}
input:-webkit-autofill{box-shadow:0 0 0 1000px var(--white) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:none!important}
.icon-button,.modal{color:var(--ink)}
.button-danger:hover{background:#822a25}
.modal::backdrop{background:#0009}
input[type=checkbox],input[type=radio]{accent-color:var(--ink)}
.payment-qr,.qr-setup{background:#fff;padding:12px;border-radius:8px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--focus)}
@media(max-width:700px){
 .site-header .main-nav.is-open{gap:0}
 .theme-toggle{justify-content:flex-start;border-radius:6px;width:100%;margin-top:12px;padding:12px}
 .theme-toggle-label{display:inline;font-size:13px}
}