html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"] body {
  --warm-white: #171520;
  --ivory: #201d2a;
  --paper: #241f2d;
  --glass: rgba(36, 31, 45, 0.78);
  --glass-strong: rgba(36, 31, 45, 0.92);
  --ink: #fff7e8;
  --muted: #d8c7a8;
  --soft-brown: #e2c783;
  --uniform-navy: #fff4ce;
  --line: rgba(243, 216, 137, 0.22);
  background:
    radial-gradient(circle at 16% 8%, rgba(243, 216, 137, 0.18), transparent 30%),
    radial-gradient(circle at 82% 14%, rgba(125, 152, 199, 0.18), transparent 26%),
    linear-gradient(135deg, #171520, #231d2d 52%, #101019);
}

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-footer {
  background: rgba(23, 21, 32, 0.78);
}

html[data-theme="dark"] .site-footer__links a {
  border-color: rgba(243, 216, 137, 0.2);
  background: rgba(32, 29, 42, 0.68);
}

html[data-theme="dark"] .site-footer__links a:hover,
html[data-theme="dark"] .site-footer__links a[aria-current="page"] {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.4);
  background: rgba(45, 40, 58, 0.94);
}

html[data-theme="dark"] .site-footer__links a[aria-current="page"] {
  border-color: rgba(243, 216, 137, 0.52);
  background:
    radial-gradient(circle at 15% 0%, rgba(255, 240, 184, 0.14), transparent 36%),
    linear-gradient(135deg, rgba(243, 216, 137, 0.18), rgba(45, 40, 58, 0.94));
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 240, 184, 0.12);
}

html[data-theme="dark"] .site-footer__note a {
  color: var(--flax-gold);
}

html[data-theme="dark"] .creator-home::before {
  background:
    radial-gradient(circle at 14% 24%, rgba(255, 240, 184, 0.13), transparent 30%),
    radial-gradient(circle at 88% 16%, rgba(125, 152, 199, 0.16), transparent 28%),
    linear-gradient(135deg, rgba(36, 31, 45, 0.82), rgba(23, 21, 32, 0.58));
}

html[data-theme="dark"] .creator-card,
html[data-theme="dark"] .creator-skill-list article,
html[data-theme="dark"] .creator-projects a,
html[data-theme="dark"] .mahiru-quick-profile__facts article,
html[data-theme="dark"] .contact-card__panel {
  border-color: rgba(243, 216, 137, 0.22);
  background:
    radial-gradient(circle at 88% 10%, rgba(243, 216, 137, 0.14), transparent 32%),
    linear-gradient(135deg, rgba(36, 31, 45, 0.86), rgba(23, 21, 32, 0.74));
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .hero-meta span {
  border-color: rgba(243, 216, 137, 0.2);
  background:
    linear-gradient(135deg, rgba(36, 31, 45, 0.78), rgba(23, 21, 32, 0.62));
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .site-note-grid article,
html[data-theme="dark"] .contact-availability span {
  border-color: rgba(243, 216, 137, 0.18);
  background: rgba(36, 31, 45, 0.66);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .hero-meta small {
  color: var(--flax-gold);
}

html[data-theme="dark"] .site-note-grid span {
  color: var(--flax-gold);
}

html[data-theme="dark"] .site-note-grid strong,
html[data-theme="dark"] .contact-availability strong,
html[data-theme="dark"] .creator-projects__cta {
  color: var(--ink);
}

html[data-theme="dark"] .creator-projects__media,
html[data-theme="dark"] .mahiru-quick-profile__facts span {
  border-color: rgba(243, 216, 137, 0.18);
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 240, 184, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(45, 40, 58, 0.72), rgba(23, 21, 32, 0.74));
}

html[data-theme="dark"] .creator-projects__cta {
  border-color: rgba(243, 216, 137, 0.2);
  background: rgba(23, 21, 32, 0.48);
}

html[data-theme="dark"] .contact-method {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.22);
  background: rgba(36, 31, 45, 0.72);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .contact-method:hover,
html[data-theme="dark"] .contact-method:focus-visible {
  border-color: rgba(243, 216, 137, 0.44);
  background: rgba(45, 40, 58, 0.94);
}

html[data-theme="dark"] .contact-method--muted {
  color: var(--muted);
  background: rgba(36, 31, 45, 0.42);
  box-shadow: none;
}

html[data-theme="dark"] .contact-template textarea {
  color: var(--soft-brown);
  border-color: rgba(243, 216, 137, 0.22);
  background: rgba(23, 21, 32, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 240, 184, 0.08);
}

html[data-theme="dark"] .site-nav__link[aria-current="page"],
html[data-theme="dark"] .drawer-link[aria-current="page"],
html[data-theme="dark"] .tour-step[aria-current="page"],
html[data-theme="dark"] .quick-dock__current[aria-current="page"] {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.52);
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 240, 184, 0.18), transparent 36%),
    linear-gradient(135deg, rgba(243, 216, 137, 0.18), rgba(45, 40, 58, 0.92));
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 240, 184, 0.12);
}

html[data-theme="dark"] .site-drawer {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 20% 0%, rgba(243, 216, 137, 0.16), transparent 36%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.97), rgba(23, 21, 32, 0.93));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.36);
}

html[data-theme="dark"] .drawer-link,
html[data-theme="dark"] .drawer-recent__item,
html[data-theme="dark"] .drawer-status article,
html[data-theme="dark"] .drawer-filter button,
html[data-theme="dark"] .drawer-search input,
html[data-theme="dark"] .site-drawer__head button,
html[data-theme="dark"] .site-favorite-toggle,
html[data-theme="dark"] .site-palette-toggle,
html[data-theme="dark"] .site-toolkit-toggle,
html[data-theme="dark"] .site-scene-toggle,
html[data-theme="dark"] .site-tour-toggle,
html[data-theme="dark"] .site-daily-toggle,
html[data-theme="dark"] .site-mood-toggle,
html[data-theme="dark"] .site-drawer-toggle {
  background: rgba(32, 29, 42, 0.82);
}

html[data-theme="dark"] .drawer-recent__list p {
  background: rgba(32, 29, 42, 0.62);
}

html[data-theme="dark"] .drawer-achievements__grid span {
  background: rgba(32, 29, 42, 0.56);
}

html[data-theme="dark"] .drawer-achievements__grid span.is-unlocked {
  color: #15131d;
  background: linear-gradient(135deg, var(--flax-gold), #fff0b8);
}

html[data-theme="dark"] .site-favorite-toggle[aria-pressed="true"] {
  color: #15131d;
  background: linear-gradient(135deg, var(--flax-gold), #fff0b8);
}

html[data-theme="dark"] .site-drawer-backdrop {
  background: rgba(4, 4, 8, 0.46);
}

html[data-theme="dark"] .quick-dock {
  border-color: rgba(243, 216, 137, 0.22);
  background: rgba(23, 21, 32, 0.82);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .quick-dock__nav,
html[data-theme="dark"] .quick-dock__random {
  background: rgba(32, 29, 42, 0.82);
}

html[data-theme="dark"] .quick-dock__badge {
  color: #15131d;
  border-color: rgba(255, 240, 184, 0.34);
  background: linear-gradient(135deg, var(--flax-gold), #fff0b8);
  box-shadow:
    0 7px 18px rgba(0, 0, 0, 0.22),
    0 0 16px rgba(243, 216, 137, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.54);
}

html[data-theme="dark"] .local-hero-deck {
  border-color: rgba(243, 216, 137, 0.22);
  background:
    radial-gradient(circle at 0 0, rgba(243, 216, 137, 0.14), transparent 34%),
    rgba(32, 29, 42, 0.72);
}

html[data-theme="dark"] .local-hero-thumb {
  border-color: rgba(243, 216, 137, 0.12);
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 240, 184, 0.16), transparent 34%),
    radial-gradient(circle at 82% 78%, rgba(125, 152, 199, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(45, 40, 58, 0.92), rgba(23, 21, 32, 0.88));
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .local-hero-thumb:hover,
html[data-theme="dark"] .local-hero-thumb.is-active {
  border-color: rgba(243, 216, 137, 0.5);
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 240, 184, 0.22), transparent 36%),
    radial-gradient(circle at 82% 78%, rgba(125, 152, 199, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(55, 48, 66, 0.96), rgba(27, 24, 36, 0.9));
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.32);
}

html[data-theme="dark"] .command-palette {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 12% 0%, rgba(243, 216, 137, 0.14), transparent 34%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.98), rgba(23, 21, 32, 0.94));
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .command-backdrop {
  background: rgba(4, 4, 8, 0.5);
}

html[data-theme="dark"] .command-result,
html[data-theme="dark"] .command-search input,
html[data-theme="dark"] .command-palette__head button,
html[data-theme="dark"] .toolkit-panel__head button,
html[data-theme="dark"] .toolkit-grid button,
html[data-theme="dark"] .toolkit-quiet-actions button,
html[data-theme="dark"] .note-field textarea,
html[data-theme="dark"] .data-field textarea,
html[data-theme="dark"] .note-panel__head button,
html[data-theme="dark"] .data-panel__head button,
html[data-theme="dark"] .glow-panel__head button,
html[data-theme="dark"] .glow-option,
html[data-theme="dark"] .ambient-options button,
html[data-theme="dark"] .scene-panel__head button,
html[data-theme="dark"] .scene-option,
html[data-theme="dark"] .tour-panel__head button,
html[data-theme="dark"] .tour-step,
html[data-theme="dark"] .tour-meter__bar,
html[data-theme="dark"] .daily-panel__head button,
html[data-theme="dark"] .mood-panel__head button,
html[data-theme="dark"] .mood-option,
html[data-theme="dark"] .mood-suggestion,
html[data-theme="dark"] .mood-history p,
html[data-theme="dark"] .mood-history__item,
html[data-theme="dark"] .daily-card,
html[data-theme="dark"] .site-note-toggle,
html[data-theme="dark"] .site-data-toggle,
html[data-theme="dark"] .site-focus-toggle,
html[data-theme="dark"] .site-motion-toggle,
html[data-theme="dark"] .site-search-toggle {
  background: rgba(32, 29, 42, 0.84);
}

html[data-theme="dark"] .command-empty,
html[data-theme="dark"] .command-hints span {
  background: rgba(32, 29, 42, 0.62);
}

html[data-theme="dark"] .toolkit-panel {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 18% 0%, rgba(243, 216, 137, 0.14), transparent 34%),
    radial-gradient(circle at 80% 8%, rgba(125, 152, 199, 0.12), transparent 32%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.98), rgba(23, 21, 32, 0.94));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .toolkit-grid button:hover {
  background: rgba(45, 40, 58, 0.94);
}

html[data-theme="dark"] .toolkit-summary article,
html[data-theme="dark"] .toolkit-navigator,
html[data-theme="dark"] .toolkit-recommendations,
html[data-theme="dark"] .toolkit-next-card,
html[data-theme="dark"] .toolkit-state,
html[data-theme="dark"] .toolkit-sections a,
html[data-theme="dark"] .toolkit-sections p {
  border-color: rgba(243, 216, 137, 0.2);
  background: rgba(32, 29, 42, 0.72);
}

html[data-theme="dark"] .toolkit-summary span,
html[data-theme="dark"] .toolkit-routes__head h3,
html[data-theme="dark"] .toolkit-navigator__head h3,
html[data-theme="dark"] .toolkit-recommendations__head h3,
html[data-theme="dark"] .toolkit-next-card {
  color: var(--ink);
}

html[data-theme="dark"] .toolkit-sections a:hover,
html[data-theme="dark"] .toolkit-next-card:hover,
html[data-theme="dark"] .toolkit-quiet-actions button:hover {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.4);
  background: rgba(45, 40, 58, 0.94);
}

html[data-theme="dark"] .page-afterglow {
  border-color: rgba(243, 216, 137, 0.2);
}

html[data-theme="dark"] .page-afterglow::before {
  background:
    radial-gradient(circle at 14% 16%, rgba(243, 216, 137, 0.14), transparent 34%),
    radial-gradient(circle at 88% 78%, rgba(125, 152, 199, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(36, 31, 45, 0.62), rgba(23, 21, 32, 0.48));
}

html[data-theme="dark"] .page-afterglow__media,
html[data-theme="dark"] .page-afterglow__links a {
  border-color: rgba(243, 216, 137, 0.2);
  background: rgba(32, 29, 42, 0.72);
}

html[data-theme="dark"] .page-afterglow__links a:hover {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.4);
  background: rgba(45, 40, 58, 0.94);
}

html[data-theme="dark"] .page-afterglow__copy h2,
html[data-theme="dark"] .page-afterglow__links strong {
  color: var(--ink);
}

html[data-theme="dark"] .page-afterglow__picked {
  border-color: rgba(243, 216, 137, 0.18);
}

html[data-theme="dark"] .page-afterglow__picked > span,
html[data-theme="dark"] .page-afterglow__picked a span {
  color: var(--soft-brown);
  border-color: rgba(243, 216, 137, 0.22);
  background: rgba(243, 216, 137, 0.12);
}

html[data-theme="dark"] .page-afterglow__picked > strong,
html[data-theme="dark"] .page-afterglow__picked a strong {
  color: var(--ink);
}

html[data-theme="dark"] .page-afterglow__picked a {
  color: var(--muted);
  border-color: rgba(243, 216, 137, 0.2);
  background:
    linear-gradient(135deg, rgba(36, 31, 45, 0.84), rgba(45, 40, 58, 0.62)),
    rgba(243, 216, 137, 0.06);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .page-afterglow__picked a:hover {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.42);
  background:
    linear-gradient(135deg, rgba(45, 40, 58, 0.96), rgba(55, 48, 66, 0.78)),
    rgba(243, 216, 137, 0.1);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .page-afterglow__picked a:focus-visible {
  outline-color: rgba(243, 216, 137, 0.58);
}

html[data-theme="dark"] .mahiru-line {
  border-color: rgba(243, 216, 137, 0.22);
  background:
    radial-gradient(circle at 12% 22%, rgba(255, 240, 184, 0.12), transparent 32%),
    radial-gradient(circle at 86% 30%, rgba(243, 216, 137, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(36, 31, 45, 0.78), rgba(45, 40, 58, 0.48));
}

html[data-theme="dark"] .mahiru-line::before {
  border-color: rgba(243, 216, 137, 0.08);
  background:
    repeating-linear-gradient(90deg, rgba(243, 216, 137, 0.07) 0 1px, transparent 1px 86px),
    linear-gradient(90deg, rgba(45, 40, 58, 0.38), transparent 36%, rgba(45, 40, 58, 0.24));
}

html[data-theme="dark"] .mahiru-line::after,
html[data-theme="dark"] .gallery-focus__media::after,
html[data-theme="dark"] .masonry-card::after {
  background: linear-gradient(90deg, transparent, rgba(255, 240, 184, 0.22), rgba(243, 216, 137, 0.14), transparent);
}

html[data-theme="dark"] .masonry-card span,
html[data-theme="dark"] .featured-fanart span,
html[data-theme="dark"] .featured-fanart__title,
html[data-theme="dark"] .fanart-card__meta {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.2);
  background:
    linear-gradient(180deg, rgba(45, 40, 58, 0.82), rgba(55, 48, 66, 0.62)),
    rgba(243, 216, 137, 0.08);
}

html[data-theme="dark"] .fanart-card__meta span {
  color: var(--ink);
}

html[data-theme="dark"] .mahiru-line__copy h2,
html[data-theme="dark"] .mahiru-line__button {
  color: var(--ink);
}

html[data-theme="dark"] .mahiru-line__copy p:not(.eyebrow) {
  color: var(--soft-brown);
}

html[data-theme="dark"] .mahiru-line.is-hovering .mahiru-line__copy p:not(.eyebrow),
html[data-theme="dark"] .mahiru-line__copy:hover p:not(.eyebrow),
html[data-theme="dark"] .mahiru-line__copy:focus-visible p:not(.eyebrow) {
  color: var(--ink);
}

html[data-theme="dark"] .mahiru-line__button {
  border-color: rgba(243, 216, 137, 0.22);
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 240, 184, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(45, 40, 58, 0.86), rgba(55, 48, 66, 0.64));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .mahiru-line__button:hover,
html[data-theme="dark"] .mahiru-line__button:focus-visible {
  border-color: rgba(243, 216, 137, 0.46);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .site-toast {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 12% 0%, rgba(243, 216, 137, 0.14), transparent 36%),
    rgba(32, 29, 42, 0.94);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
}

html[data-theme="dark"] .scroll-resume {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 10% 0%, rgba(243, 216, 137, 0.16), transparent 42%),
    rgba(32, 29, 42, 0.94);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
}

html[data-theme="dark"] .note-panel {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 14% 0%, rgba(243, 216, 137, 0.14), transparent 34%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.98), rgba(23, 21, 32, 0.94));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .data-panel {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 18% 0%, rgba(243, 216, 137, 0.14), transparent 34%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.98), rgba(23, 21, 32, 0.94));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .tour-panel {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 18% 0%, rgba(243, 216, 137, 0.14), transparent 34%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.98), rgba(23, 21, 32, 0.94));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .daily-panel {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 18% 0%, rgba(243, 216, 137, 0.14), transparent 34%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.98), rgba(23, 21, 32, 0.94));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .mood-panel {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 14% 0%, rgba(201, 75, 93, 0.12), transparent 34%),
    radial-gradient(circle at 82% 10%, rgba(243, 216, 137, 0.12), transparent 36%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.98), rgba(23, 21, 32, 0.94));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .note-backdrop,
html[data-theme="dark"] .data-backdrop,
html[data-theme="dark"] .tour-backdrop,
html[data-theme="dark"] .daily-backdrop {
  background: rgba(4, 4, 8, 0.5);
}

html[data-theme="dark"] .glow-panel {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 18% 0%, rgba(243, 216, 137, 0.14), transparent 34%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.98), rgba(23, 21, 32, 0.94));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .scene-panel {
  color: var(--ink);
  border-color: rgba(243, 216, 137, 0.24);
  background:
    radial-gradient(circle at 18% 0%, var(--scene-bloom), transparent 34%),
    linear-gradient(160deg, rgba(36, 31, 45, 0.98), rgba(23, 21, 32, 0.94));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .glow-option:hover,
html[data-theme="dark"] .glow-option[aria-pressed="true"],
html[data-theme="dark"] .ambient-options button:hover,
html[data-theme="dark"] .ambient-options button[aria-pressed="true"],
html[data-theme="dark"] .scene-option:hover,
html[data-theme="dark"] .scene-option[aria-pressed="true"],
html[data-theme="dark"] .mood-option:hover,
html[data-theme="dark"] .mood-option[aria-pressed="true"],
html[data-theme="dark"] .tour-step:hover,
html[data-theme="dark"] .tour-step.is-current {
  background: rgba(45, 40, 58, 0.94);
}

html[data-theme="dark"] .tour-step.is-done {
  background:
    linear-gradient(135deg, rgba(243, 216, 137, 0.14), rgba(32, 29, 42, 0.86));
}

html[data-theme="dark"] .tour-step[aria-current="page"].is-done {
  border-color: rgba(243, 216, 137, 0.64);
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 240, 184, 0.2), transparent 38%),
    linear-gradient(135deg, rgba(243, 216, 137, 0.22), rgba(45, 40, 58, 0.96) 58%, rgba(32, 29, 42, 0.9));
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.34),
    0 0 24px rgba(243, 216, 137, 0.08),
    inset 0 1px 0 rgba(255, 240, 184, 0.14);
}

html[data-theme="dark"] .tour-step[aria-current="page"].is-done span {
  color: #15131d;
  border-color: rgba(255, 240, 184, 0.62);
  background: linear-gradient(135deg, var(--flax-gold), #fff0b8);
  box-shadow:
    0 0 0 4px rgba(243, 216, 137, 0.12),
    0 8px 22px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] body.is-focus-mode .site-header {
  background: rgba(23, 21, 32, 0.56);
}

html[data-theme="dark"] .button--primary {
  color: #15131d;
  background: linear-gradient(135deg, var(--flax-gold), #fff0b8);
}

html[data-theme="dark"] .hero-full__shade {
  background:
    linear-gradient(90deg, rgba(23, 21, 32, 0.92), rgba(23, 21, 32, 0.54) 42%, rgba(23, 21, 32, 0.12) 78%),
    linear-gradient(180deg, rgba(47, 52, 79, 0.08), rgba(0, 0, 0, 0.45));
}