:root {
  color-scheme: light;
  --standalone-action-fill: #1A1B18;
  --standalone-action-hover: #34352A;
  --standalone-action-text: #FFFFFF;
  --standalone-primary-fill: #2F5D50;
  --standalone-primary-hover: #24463C;
  --standalone-primary-text: #243F37;
  --standalone-error-bg: #FBF1EC;
  --standalone-error-text: #A6402B;
  --standalone-success-bg: #E8F2EC;
  --standalone-success-text: #3F6650;
  --standalone-amber-fill: #996426;
  --action-ink: #1A1B18;
  --action-ink-hover: #34352A;
  --action-on-ink: #FFFFFF;
  --focus-ring: #2F5D50;
  --border-strong: #6E695C;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #16170F;
  --bg-alt: #1A1B12;
  --cream: #16170F;
  --cream-2: #24251B;
  --surface: #1E1F16;
  --ink: #F2EFE3;
  --ink-soft: #C9C4B4;
  --muted: #A7A091;
  --line: #34352A;
  --border: #34352A;
  --accent: #8FB3A1;
  --rust: #8FB3A1;
  --green: #477866;
  --brand: #8FB3A1;
  --brand-primary: #477866;
  --brand-primary-text: #8FB3A1;
  --gray-light: #24251B;
  --hairline: #34352A;
  --amber: #D9B783;
  --amber-bg: #342A1B;
  --amber-border: rgba(185, 125, 57, 0.7);
  --standalone-action-fill: #477866;
  --standalone-action-hover: #427363;
  --standalone-primary-fill: #477866;
  --standalone-primary-hover: #427363;
  --standalone-primary-text: #8FB3A1;
  --standalone-error-bg: #2A211D;
  --standalone-error-text: #E0907E;
  --standalone-success-bg: #1D2920;
  --standalone-success-text: #8FB3A1;
  --standalone-amber-fill: #996426;
  --action-ink: #477866;
  --action-ink-hover: #427363;
  --focus-ring: #8FB3A1;
}

[data-theme="dark"] body {
  background: linear-gradient(180deg, var(--bg-alt) 0%, var(--bg) 240px);
  color: var(--ink);
}

[data-theme="dark"] :is(input, select, textarea) {
  background: var(--surface);
  border-color: var(--line);
  color: var(--ink);
}

[data-theme="dark"] :is(input, textarea)::placeholder {
  color: var(--muted);
  opacity: 1;
}

[data-theme="dark"] :is(
  .card,
  .doc-card,
  .stat-card,
  .story,
  .shout,
  .state,
  .offer-card,
  .plan-card,
  .settings-section,
  .service,
  .mkit-card,
  .asset-card,
  .resource,
  .contact-card,
  ul.angles li
) {
  background: var(--surface);
  border-color: var(--line);
  color: var(--ink);
}

[data-theme="dark"] :is(.toc, .callout, .sample-banner, .consent-block, .billing-terms-body) {
  background: var(--bg-alt);
  border-color: var(--line);
}

[data-theme="dark"] :is(.cta, .btn-back) {
  background: var(--standalone-action-fill);
  color: var(--standalone-action-text);
}

[data-theme="dark"] :is(.co-header, .settings-header) {
  background: #101009;
  color: var(--ink);
}

[data-theme="dark"] :is(.cta, .btn-back):hover {
  background: var(--standalone-action-hover);
  color: var(--standalone-action-text);
}

[data-theme="dark"] :is(.btn-contact, .submit-btn, .mkit-print-btn) {
  background: var(--standalone-primary-fill);
  color: var(--standalone-action-text);
}

[data-theme="dark"] :is(.brand, .consent-text a, .settings-footer a, .mkit-brand) {
  color: var(--standalone-primary-text);
}

[data-theme="dark"] .co-subtitle { color: #C9C4B4; }
[data-theme="dark"] .chip { background: var(--surface); border-color: var(--line); color: var(--ink); }
[data-theme="dark"] .btn-pay { background: var(--standalone-amber-fill); color: #fff; }
[data-theme="dark"] .btn-pay:hover:not(:disabled) { background: #925F24; }
[data-theme="dark"] .plan-card:hover { border-color: var(--muted); }
[data-theme="dark"] .notice,
[data-theme="dark"] .badge.planned { background: var(--bg-alt); color: #D9B783; }
[data-theme="dark"] .form-msg.ok { background: var(--standalone-success-bg); color: var(--standalone-success-text); }
[data-theme="dark"] .form-msg.err { background: var(--standalone-error-bg); color: var(--standalone-error-text); }
[data-theme="dark"] .channel-status.connected { color: var(--standalone-primary-text); }
[data-theme="dark"] .char-count.over { color: var(--standalone-error-text); }
[data-theme="dark"] .save-status.ok { background: var(--standalone-success-bg); color: var(--standalone-success-text); }
[data-theme="dark"] .save-status.err { background: var(--standalone-error-bg); color: var(--standalone-error-text); }
[data-theme="dark"] #kit-error { color: var(--standalone-error-text); }
[data-theme="dark"] .banner-load { background: var(--bg-alt); color: var(--muted); }
[data-theme="dark"] .service .url,
[data-theme="dark"] .service-url,
[data-theme="dark"] .latency,
[data-theme="dark"] footer { color: var(--muted); }
[data-theme="dark"] header p,
[data-theme="dark"] .card p { color: var(--muted); }
[data-theme="dark"] :is(.banner-ok, .badge-up) { background: #193326; color: #A9DCB9; }
[data-theme="dark"] :is(.banner-warn, .badge-degraded) { background: #352B18; color: #E6C581; }
[data-theme="dark"] :is(.banner-err, .badge-down) { background: #3A211E; color: #F0A08E; }

[data-theme="dark"] :focus-visible {
  outline-color: #8FB3A1;
}

@media print {
  [data-theme="dark"] body { background: #fff; color: #1C1B19; }
  [data-theme="dark"] .mkit-card { background: #fff; color: #1C1B19; }
  [data-theme="dark"] .mkit-name,
  [data-theme="dark"] .mkit-phone { color: #1C1B19; }
}
