/* Day uses the base palette. Night covers shared forms and dynamically rendered content. */
:root[data-theme-style="dark"] {
  --canvas: #191d1a;
  --surface: #222722;
  --surface-soft: #272d27;
  --ink: #e7ebe3;
  --muted: #acb5a7;
  --line: #373f35;
  --line-strong: #485242;
  --accent: #e7a17c;
  --accent-hover: #f3b492;
  --accent-soft: #3b2f27;
  --green: #afc39f;
  --green-soft: #303c2d;
  --sidebar: #141814;
  color-scheme: dark;
}
:root[data-theme-style="dark"] ::selection { background: #674933; color: #fff2de; }
:root[data-theme-style="dark"] .topbar { background: #1d211d; }
:root[data-theme-style="dark"] .sidebar :is(.workspace-switch, .sidebar-user) { border-color: #343d30; }
:root[data-theme-style="dark"] .sidebar .nav-divider { background: #30392d; }
:root[data-theme-style="dark"] :is(.btn-secondary, .data-card, .policy-card, .metric-grid, .account-input-card, .ai-option-card, .login-card, .theme-switch button[aria-pressed="true"]) { background: var(--surface); border-color: var(--line-strong); color: var(--ink); }
:root[data-theme-style="dark"] .login-card { background: transparent; }
:root[data-theme-style="dark"] .btn-primary { background: #d58b63; border-color: #dfa07c; color: #1d1914; box-shadow: 0 1px 2px #0003; }
:root[data-theme-style="dark"] .btn-primary:hover { background: #e4a27b; border-color: #e4a27b; }
:root[data-theme-style="dark"] .btn-secondary:hover { background: #354030; border-color: #66745b; }
:root[data-theme-style="dark"] .btn-danger { background: #392922; border-color: #785143; color: #f1af94; }
:root[data-theme-style="dark"] .btn-danger:hover { background: #4a3128; }
:root[data-theme-style="dark"] :is(input:not([type="checkbox"], [type="file"]), select, textarea) { background-color: #1c211c; color: #e0e7d9; border-color: var(--line-strong); }
:root[data-theme-style="dark"] input[readonly] { background-color: #282f26; color: #bdc9b0; }
:root[data-theme-style="dark"] :is(input, textarea)::placeholder { color: #8c9981; }
:root[data-theme-style="dark"] :is(input, select, textarea):focus-visible { border-color: #b58d68; box-shadow: 0 0 0 3px #d58b6320; }
:root[data-theme-style="dark"] input[type="checkbox"] { background-color: #1a2118; border-color: #637358; }
:root[data-theme-style="dark"] input[type="checkbox"]:is(:checked, :indeterminate) { background-color: #758d61; border-color: #9bae88; }
:root[data-theme-style="dark"] .toggle-row input[type="checkbox"] { background: #414c39; border-color: #637358; }
:root[data-theme-style="dark"] .toggle-row input[type="checkbox"]:checked { background: #8aa670; border-color: #8aa670; }
:root[data-theme-style="dark"] .toggle-row input[type="checkbox"]::after { background: #eef4e6; }
:root[data-theme-style="dark"] :is(.field > span:first-child, .toggle-row strong, .breadcrumb strong, .account-input-head strong, .selection-summary strong, .data-card-head h4, .profile-kv strong, .hosting-profile-kv strong, .card-meta strong, .permission-list strong, .health-metric strong, .deployment-readiness strong, .empty-state h4, .deploy-gsc-box > summary, .notice-card strong) { color: #d2ddc8; }
:root[data-theme-style="dark"] :is(.page-heading .eyebrow, .step-label, .eyebrow, .breadcrumb, .session-label, .panel-head .muted, .field small, .toggle-row div > span, .account-hosting-row label > span, .account-hosting-meta, .domain-count, .selection-summary small, .section-tab, .sub, .cell-sub, .card-meta span, .hosting-profile-kv span, .health-title, .health-title small, .health-metric small, .disk-sub, .profile-kv span, .uploader-domain-row div > span, .policy-limit-grid label > span, .policy-limit-grid small) { color: var(--muted); }
:root[data-theme-style="dark"] :is(.registrar-footer, .registrar-footer .text-button, .text-button, .profile-apply .text-button, .advanced-settings > summary, .deploy-gsc-box > summary small, .deployment-readiness div > span, .workspace-footer, .notice-card > span, .manual-deploy-help, .relay-node-meta, .modal-body-copy, .review-settings dt, .review-domains small) { color: #b3c1a5; }
:root[data-theme-style="dark"] .text-button:hover { color: var(--accent); }
:root[data-theme-style="dark"] .section-tab.active { color: var(--accent); }
:root[data-theme-style="dark"] .section-tab:hover { color: var(--ink); }
:root[data-theme-style="dark"] :is(.icon-btn, .panel-heading-icon, .input-with-icon > .icon, .details-chevron, .account-disclosure, .deployment-readiness > .icon) { color: #b0bf9f; }
:root[data-theme-style="dark"] .input-with-icon > .cloud-icon { color: #dfa16c; }
:root[data-theme-style="dark"] .icon-btn:hover { background: #354030; color: #e6eddf; }
:root[data-theme-style="dark"] :is(.step-number, .section-number, .google-letter, .registrar-mini-badge, .badge.off, .origin-row, .dns-preview, .amp-preview-card, .ai-generator-box, .notice-card, .relay-node-card, .empty-state, .account-input-head, .account-input-card.disabled .account-input-head) { background: #293126; border-color: #414d38; color: #bbc9ae; }
:root[data-theme-style="dark"] .origin-row input { background: transparent; border: 0; color: #becdaf; }
:root[data-theme-style="dark"] .origin-status { color: #a5b895; }
:root[data-theme-style="dark"] .dns-preview :is(code, span, b) { color: #b9cda4; }
:root[data-theme-style="dark"] .account-input-card { border-color: #43513a; }
:root[data-theme-style="dark"] .account-input-card > textarea { background: #1d241c; border-color: #3e4b36; }
:root[data-theme-style="dark"] .account-input-card.disabled > textarea { background: #22281f; color: #97a68a; }
:root[data-theme-style="dark"] .account-input-card.disabled { border-color: #3a4235; }
:root[data-theme-style="dark"] .selection-summary .selection-check { background: #33412c; color: #b5caa3; }
:root[data-theme-style="dark"] .deployment-steps button { color: #b0bda4; }
:root[data-theme-style="dark"] .deployment-steps small { color: #94a488; }
:root[data-theme-style="dark"] .deployment-steps .current button { color: #f0e6d7; }
:root[data-theme-style="dark"] .deployment-steps .current .step-number { color: #f0b08e; border-color: #72503b; background: #3b2c22; }
:root[data-theme-style="dark"] .step-line { background: #3c4734; }
:root[data-theme-style="dark"] :is(.deployment-actionbar, .modal-head) { border-color: var(--line-strong); }
:root[data-theme-style="dark"] .badge.good { color: #b9d4a2; background: #2b3c23; border-color: #466039; }
:root[data-theme-style="dark"] .badge.info { color: #b1d4c5; background: #253a30; border-color: #3b5949; }
:root[data-theme-style="dark"] :is(.badge.error, .badge.bad) { color: #efb094; background: #402c22; border-color: #714e3a; }
:root[data-theme-style="dark"] :is(.badge.wait, .badge.warn) { color: #e1ca8f; background: #3d3522; border-color: #645834; }
:root[data-theme-style="dark"] :is(.badge, .summary-pill) { color: #b5c8a4; background: #2c3825; border-color: #445a36; }
:root[data-theme-style="dark"] .badge.off { background: #293126; border-color: #414d38; color: #bbc9ae; }
:root[data-theme-style="dark"] th { color: #bbcbb0; }
:root[data-theme-style="dark"] td { color: #b8c8ac; }
:root[data-theme-style="dark"] td:first-child { color: #dde8d3; }
:root[data-theme-style="dark"] .row-action { background: #34412c; color: #c1d7ac; }
:root[data-theme-style="dark"] .row-action:hover { background: #415337; }
:root[data-theme-style="dark"] .permission-list > div { color: #afc19d; }
:root[data-theme-style="dark"] .file-picker { color: #afc899; }
:root[data-theme-style="dark"] .health-ring { background: conic-gradient(#94b676 calc(var(--pct) * 1%), #39462f 0); }
:root[data-theme-style="dark"] .health-ring b { background: var(--surface); color: #d9e9cd; }
:root[data-theme-style="dark"] :is(.disk-meta, .disk-sub, .health-title) { color: #b6caa4; }
:root[data-theme-style="dark"] :is(.disk-track, .progress-track) { background: #39462f; }
:root[data-theme-style="dark"] .disk-track i { background: #93ae77; }
:root[data-theme-style="dark"] .error-text { color: #f1ab8b !important; }
:root[data-theme-style="dark"] .form-error { color: #f1ab8b; }
:root[data-theme-style="dark"] .modal-backdrop { background: #080d08b8; }
:root[data-theme-style="dark"] .modal-card { background: #232b20; border-color: #4c5b40; }
:root[data-theme-style="dark"] .center-notice { background: #2c3a23; border-color: #5b7347; color: #e0efd1; }
:root[data-theme-style="dark"] :is(.center-notice-icon, .center-notice-copy span, .center-notice-close, .center-notice-view) { color: #c0d7a6; }
:root[data-theme-style="dark"] .theme-switch { background: #1c2219; }
:root[data-theme-style="dark"] .theme-switch button[aria-pressed="true"] { background: #35412c; color: #e7efd9; }