/* Shared visual tokens for the cabinet and embedded/standalone installer. */
:root {
  --bg:#f5f5f6; --surface:#ffffff; --ink:#202226; --muted:#676c74;
  --line:#e0e3e7; --brand:#215fe4; --brand-hover:#194dc0;
  --tint:#edf2ff; --soft:#f0f1f3; --blue:#215fe4; --purple:#785e9f;
  --danger:#b93648; --warning:#86611c; --action:#215fe4; --action-hover:#194dc0;
  --success:#18764d; --success-bg:#e4f3eb; --success-line:#abd4bb;
  --card:var(--surface); --text:var(--ink); --mint:var(--brand); --amber:var(--warning);
  --shadow:0 8px 30px #16181c08;
}
:root[data-theme="dark"] {
  --bg:#17181a; --surface:#222427; --ink:#f1f2f4; --muted:#afb3bb;
  --line:#3b3e44; --brand:#94b3ff; --brand-hover:#bed0ff;
  --tint:#293345; --soft:#2c2e33; --blue:#94b3ff; --purple:#c5b3e7;
  --danger:#ff9caa; --warning:#e5c57d;
  --success:#83dab0; --success-bg:#223b2e; --success-line:#46755d;
  --card:var(--surface); --text:var(--ink); --mint:var(--brand); --amber:var(--warning);
}
.preview-bar,.preview-notice { background:#25272c; color:#f1f2f4; }
.preview-note { color:#b7beca; }
.demo-dot { background:#94b3ff; }
.preview-controls select { background:#363940; border-color:#606670; color:#fff; }
.preview-controls button { color:#e2e6ed; }
.primary { background:var(--action); border-color:var(--action); color:#fff; }
.primary:hover,.primary:hover:not(:disabled) { background:var(--action-hover); border-color:var(--action-hover); box-shadow:none; }
.soft { border-color:var(--line); color:var(--brand); }
.access-panel { background:var(--surface); border-color:var(--line); }
.access-metrics>div+div { border-color:var(--line); }
.access-actions .soft { border-color:var(--line); }
.badge.success,.mint,.pill.mint { background:var(--success-bg); color:var(--success); border-color:var(--success-line); }
.avatar { background:var(--soft); border-color:var(--line); color:var(--ink); }
.blue { background:var(--tint); color:var(--brand); }
.groups button.selected,.location-choice button.selected,.platform.selected { background:var(--tint); color:var(--brand); border-color:var(--brand); }
.stepper li.current>span { background:var(--tint); color:var(--brand); border-color:var(--brand); }
.stepper li.done>span { background:var(--success-bg); color:var(--success); border-color:var(--success-line); }
.app-letter { background:var(--tint); color:var(--brand); }
.settings-link svg { color:var(--muted); }
.dialog-backdrop,dialog::backdrop { background:#14171c80; }
#toast,.toast { background:#25272c; color:#fff; border-color:#5d6370; box-shadow:0 8px 30px #14171c26; }
:root[data-theme="dark"] .method-icon { background:var(--soft); }
:root[data-theme="dark"] .method-icon.sbp { color:#c6b1ef; }
:root[data-theme="dark"] .method-icon.card { color:#9ec4ff; }
:root[data-theme="dark"] .method-icon.yoomoney { color:#ccafff; }
:root[data-theme="dark"] .method-icon.balance { color:var(--success); }
:root[data-theme="dark"] .notice.amber { background:#393023; color:#ead097; border-color:#796640; }
[data-theme="dark"] { color-scheme:dark; }
.brand-mark:has(img) { background:transparent; border:0; padding:0; }
.brand-mark img { width:40px; height:40px; object-fit:contain; }
.auth-screen .auth-emblem { width:112px; height:112px; object-fit:contain; border-radius:0; }