html[data-theme="ivory"][data-appearance="dark"] {
  color-scheme: dark;
  --bg: #211d18;
  --panel: #2d271f;
  --ink: #f3eddf;
  --muted: #c5b9a4;
  --line: #dfd4c026;
  --gold: #d4aa66;
  --green: #98c2ad;
  --accent: #51402d;
  --accent-ink: #f4e3c9;
  --dark-raised: #373024;
}
html[data-appearance="dark"] body { background: var(--bg); color: var(--ink); }
html[data-theme="ivory"][data-appearance="dark"] .ambient { background: radial-gradient(ellipse at 92% 0%, #85776022, transparent 48%), var(--bg); }
html[data-theme="ivory"][data-appearance="dark"] .ambient::before { background-image: radial-gradient(#e2dbcf0b .55px, transparent .55px); }
html[data-theme="ivory"][data-appearance="dark"] body .ambient::after { filter: invert(1) saturate(.15); opacity: .34; }
html[data-theme="ivory"][data-appearance="dark"] .topbar .wordmark img { filter: brightness(0) invert(.92); }
html[data-theme="ivory"][data-appearance="dark"] .topbar .brand-mark img { filter: brightness(1.6); }
html[data-theme="ivory"][data-appearance="dark"] :is(.access-hub, .panel, .profile-list, .menu-list, dialog) {
  background: var(--panel); border-color: var(--line); color: var(--ink); box-shadow: 0 14px 36px -26px #0008;
}
html[data-theme="ivory"][data-appearance="dark"] :is(.avatar, .profile-card .avatar, .symbol, .chip, .badge, .note, .tile, .segmented) {
  background: var(--dark-raised); border-color: var(--line); color: var(--muted);
}
html[data-theme="ivory"][data-appearance="dark"] :is(.eyebrow, .status-label, .status-label.neutral, .access-top, .access-label, .access-number > span, .access-detail, .hub-stats span, .hub-stats strong small, .access-traffic small, .access-note, .home-caption, .home-price small, .router-description, .builder-head p, .builder-label, .builder-label small, .device-stage label, .device-stage > label, .device-stage .device-caption, .range-ends, .range-labels, .included-line, .quote-total small, .quote-facts, .history-link, .profile-foot) { color: var(--muted); }
html[data-theme="ivory"][data-appearance="dark"] :is(.access-number > strong, .hub-stats strong, .device-stage output, .quote-total .price, .profile-list .menu-row, .included-line strong) { color: var(--ink); }
html[data-theme="ivory"][data-appearance="dark"] :is(.hub-stats svg, .device-stepper button, .included-line svg, .router-selection > svg, .profile-list .symbol, .router-benefits svg) { color: var(--gold); }
html[data-theme="ivory"][data-appearance="dark"] :is(.hub-stats, .hub-stats > div + div, .profile-list .menu-row + .menu-row, #quote-panel) { border-color: var(--line); }
html[data-theme="ivory"][data-appearance="dark"] #quote-panel { background: transparent; box-shadow: none; }
html[data-theme="ivory"][data-appearance="dark"] :is(.product-tabs, .product-switch, .plan-builder .product-switch) { background: #25221e; border-color: var(--line); box-shadow: inset 0 1px 1px #0002; }
html[data-theme="ivory"][data-appearance="dark"] :is(.product-tabs, .product-switch) button { color: var(--muted); }
html[data-theme="ivory"][data-appearance="dark"] :is(.product-tabs, .product-switch) button:is([aria-selected="true"], [aria-pressed="true"]) { color: var(--ink); }
html[data-theme="ivory"][data-appearance="dark"] .tab-highlight { background: #3f3a32; border-color: #dbceb824; box-shadow: 0 2px 5px #0003; }
html[data-theme="ivory"][data-appearance="dark"] .btn { background: #e9e1d4; border-color: #e9e1d4; color: #2f2b23; box-shadow: 0 4px 7px #0002; }
html[data-theme="ivory"][data-appearance="dark"] .btn:hover { background: #f2eee7; border-color: #f2eee7; box-shadow: 0 5px 14px #0003; }
html[data-theme="ivory"][data-appearance="dark"] .btn.secondary { background: #453e31; border-color: #dbceb820; color: #e8e0d3; box-shadow: none; }
html[data-theme="ivory"][data-appearance="dark"] .btn.secondary:hover { background: #554c3c; }
html[data-theme="ivory"][data-appearance="dark"] :is(.btn.quiet, .text-button, .btn.text-button) { background: transparent; border-color: transparent; color: var(--gold); box-shadow: none; }
html[data-theme="ivory"][data-appearance="dark"] :is(.btn.quiet, .text-button, .btn.text-button):hover { background: #dcd0bc0a; color: var(--ink); box-shadow: none; }
html[data-theme="ivory"][data-appearance="dark"] :is(.quote-facts a, #quote-panel > .payment-caption, .period-corner, .period-card[aria-pressed="true"] .period-corner, .period-card[aria-pressed="true"] .period-price) { color: var(--gold); }
html[data-theme="ivory"][data-appearance="dark"] :is(.tile:hover, .menu-row:hover, .profile-list .menu-row:hover, .device-stepper button:hover) { background: #dbceb80c; }
html[data-theme="ivory"][data-appearance="dark"] :is(.chip[aria-pressed="true"], .segmented button[aria-pressed="true"], .period-card[aria-pressed="true"]) { background: var(--accent); border-color: #a9987b; color: var(--accent-ink); box-shadow: inset 0 0 0 .5px #a9987b; }
html[data-theme="ivory"][data-appearance="dark"] .chip:not([aria-pressed="true"]) { color: var(--muted); }
html[data-theme="ivory"][data-appearance="dark"] .period-card { background: #26231f; border-color: var(--line); color: var(--ink); }
html[data-theme="ivory"][data-appearance="dark"] .period-card:hover { border-color: #bcab8d; }
html[data-theme="ivory"][data-appearance="dark"] :is(.text-input, select) { background: #23201c; border-color: #797162; color: var(--ink); }
html[data-theme="ivory"][data-appearance="dark"] .text-input::placeholder { color: var(--muted); }
html[data-theme="ivory"][data-appearance="dark"] :is(.check input, #device-range) { accent-color: var(--gold); }
html[data-theme="ivory"][data-appearance="dark"] #device-range::-webkit-slider-runnable-track { background: #5c5344; }
html[data-theme="ivory"][data-appearance="dark"] #device-range::-moz-range-track { background: #5c5344; }
html[data-theme="ivory"][data-appearance="dark"] #device-range::-webkit-slider-thumb { background: var(--gold); border-color: var(--panel); box-shadow: 0 1px 6px #0008; }
html[data-theme="ivory"][data-appearance="dark"] #device-range::-moz-range-thumb { background: var(--gold); border-color: var(--panel); box-shadow: 0 1px 6px #0008; }
html[data-theme="ivory"][data-appearance="dark"] :is(.traffic-progress, .access-traffic progress, .meter) { background: #4e4639; }
html[data-theme="ivory"][data-appearance="dark"] .traffic-progress::-webkit-progress-bar,
html[data-theme="ivory"][data-appearance="dark"] .access-traffic progress::-webkit-progress-bar { background: #4e4639; }
html[data-theme="ivory"][data-appearance="dark"] .traffic-progress::-webkit-progress-value,
html[data-theme="ivory"][data-appearance="dark"] .access-traffic progress::-webkit-progress-value { background: #cab898; }
html[data-theme="ivory"][data-appearance="dark"] .traffic-progress::-moz-progress-bar,
html[data-theme="ivory"][data-appearance="dark"] .access-traffic progress::-moz-progress-bar,
html[data-theme="ivory"][data-appearance="dark"] .meter > span { background: #cab898; }
html[data-theme="ivory"][data-appearance="dark"] :is(.status-light, .dot) { background: var(--green); box-shadow: 0 0 0 3px #98c2ad12; }
html[data-theme="ivory"][data-appearance="dark"] .status-label i { background: var(--gold); box-shadow: 0 0 0 3px #d8cbb412; }
html[data-theme="ivory"][data-appearance="dark"] :is(.home-router .router-orbit, .router-art .symbol) { background: #3e372a; border-color: var(--line); color: var(--gold); box-shadow: inset 0 1px 0 #ffffff08; }
html[data-theme="ivory"][data-appearance="dark"] .home-router .router-orbit svg { color: var(--gold); }
html[data-theme="ivory"][data-appearance="dark"] :is(.home-router .router-orbit, .router-art)::before,
html[data-theme="ivory"][data-appearance="dark"] :is(.home-router .router-orbit, .router-art)::after { border-color: #cfbfa425; }
html[data-theme="ivory"][data-appearance="dark"] .step::before { border-color: #9e8d70; color: var(--gold); }
html[data-theme="ivory"][data-appearance="dark"] .motion-sample { background: radial-gradient(circle at 30% 25%, #eae3d6, #a79576); box-shadow: 0 8px 20px #0003; }
html[data-theme="ivory"][data-appearance="dark"] .navigation { background: #27241ef5; border-color: #dbceb825; box-shadow: 0 14px 38px -10px #0009, inset 0 1px 0 #ffffff08; }
html[data-theme="ivory"][data-appearance="dark"] .navigation a { color: #cec5b6; }
html[data-theme="ivory"][data-appearance="dark"] .navigation a[aria-current] { color: #f6f3ee; }
html[data-theme="ivory"][data-appearance="dark"] .nav-highlight { background: #4f4739; border-color: #cabba244; box-shadow: 0 1px 2px #0003; }
html[data-theme="ivory"][data-appearance="dark"] dialog::backdrop { background: #17130daa; }
html[data-theme="ivory"][data-appearance="dark"] #notice { background: #393328f5; border-color: #958872; color: var(--ink); box-shadow: 0 10px 40px #0006; }
html[data-theme="ivory"][data-appearance="dark"] #notice.error { background: #41292e; border-color: #a16e74; color: #f1bec0; }
html[data-theme="ivory"][data-appearance="dark"] .error-text { color: #f1b0b4 !important; }
html[data-theme="ivory"][data-appearance="dark"] :is(button, a, input, select, summary):focus-visible { outline-color: var(--gold); }