/* Day palette is intentionally scoped so the existing night console stays intact. */
.theme-toggle {
  display: grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border-radius: 6px;
}

.theme-toggle svg { width: 19px; height: 19px; }
html[data-theme="day"] .theme-icon-night,
html[data-theme="night"] .theme-icon-day { display: none; }

.topbar-actions { gap: 8px; }
.topbar-actions .sync-control { width: auto; flex: 1 1 180px; min-width: 0; }
.topbar-actions .sync-control .primary-btn { width: 100%; white-space: nowrap; }

html[data-theme="day"] {
  color-scheme: light;
  --bg: #fff6fa;
  --panel: #fffcfe;
  --panel-strong: #fff8fc;
  --ink: #382a39;
  --muted: #786c7a;
  --line: #ead9e4;
  --line-strong: #d7aabf;
  --accent: #bd507f;
  --accent-2: #3c8c82;
  --fox: #df6c91;
  --danger: #b84f61;
  --warning: #9c6940;
  --good: #22746b;
  --sidebar: #fff8fc;
  --soft-blue: #f6e9f7;
  --soft-teal: #e6f4ef;
  --soft-orange: #fff0f3;
  --shadow: 0 16px 34px rgba(107, 53, 82, 0.08);
  background: var(--bg);
}

html[data-theme="day"] body {
  color-scheme: light;
  color: var(--ink);
  background-color: var(--bg);
  background-image:
    linear-gradient(rgba(179, 92, 133, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(179, 92, 133, 0.035) 1px, transparent 1px);
  background-size: 40px 40px;
}

html[data-theme="day"] button:focus-visible,
html[data-theme="day"] input:focus-visible,
html[data-theme="day"] select:focus-visible,
html[data-theme="day"] textarea:focus-visible,
html[data-theme="day"] [tabindex]:focus-visible {
  outline-color: #bd507f;
}

html[data-theme="day"] .sidebar {
  color: var(--ink);
  background: linear-gradient(180deg, #fffafd, #fff1f7);
  border-right-color: var(--line);
  box-shadow: 12px 0 32px rgba(95, 44, 70, 0.05);
}

html[data-theme="day"] .brand-lockup { border-bottom-color: var(--line); }
html[data-theme="day"] .brand-lockup .mark {
  background: #fff;
  border-color: #e5c2d2;
  box-shadow: 0 6px 16px rgba(178, 85, 128, 0.1);
}
html[data-theme="day"] .brand-lockup strong { color: #3b2637; }
html[data-theme="day"] .brand-lockup span,
html[data-theme="day"] .sidebar-footer span { color: #816f80; }
html[data-theme="day"] .nav-item { color: #59495a; }
html[data-theme="day"] .nav-item:hover {
  color: #9d3e6d;
  background: #f9eaf2;
  border-color: #edccdc;
}
html[data-theme="day"] .nav-item.active {
  color: #9b315f;
  background: linear-gradient(90deg, #f9dce9, #fdf0f6);
  border-color: #e8b5cb;
  box-shadow: none;
}
html[data-theme="day"] .nav-item.active::before {
  background: #bd507f;
  box-shadow: none;
}
html[data-theme="day"] .sidebar-footer {
  background: #fff;
  border-color: var(--line);
}
html[data-theme="day"] .sidebar-footer strong { color: var(--ink); }

html[data-theme="day"] .topbar {
  color: var(--ink);
  background: rgba(255, 249, 252, 0.94);
  border-bottom-color: var(--line);
  box-shadow: none;
}
html[data-theme="day"] .topbar::after {
  background: linear-gradient(90deg, transparent, #e9b9d0, #cbb6df, transparent);
}
html[data-theme="day"] .topbar-title h1 { color: #332333; }
html[data-theme="day"] .current-date {
  color: #877387;
  border-left-color: #dec8d6;
}
html[data-theme="day"] .signal-line i {
  background: #c89cc6;
  box-shadow: none;
}
html[data-theme="day"] .signal-line i:nth-child(2) { background: #75b6a9; }
html[data-theme="day"] .topbar .auth-widget,
html[data-theme="day"] .topbar .backend-widget {
  color: var(--ink);
  background: #fff;
  border-color: var(--line);
  box-shadow: none;
}
html[data-theme="day"] .topbar .auth-badge {
  color: #7d355f;
  background: #f8e7f0;
}
html[data-theme="day"] .topbar .backend-widget strong {
  color: #23746a;
}
html[data-theme="day"] .topbar .backend-widget strong.offline { color: #ad4959; }
html[data-theme="day"] .topbar .backend-widget span { color: #877587; }
html[data-theme="day"] .topbar .backend-widget::before {
  background: #3a9b87;
  box-shadow: 0 0 0 5px #e2f3ed;
}

html[data-theme="day"] .topbar .primary-btn,
html[data-theme="day"] .primary-btn,
html[data-theme="day"] .login-form .primary-btn {
  color: #fff;
  background: #b84477;
  border-color: #b84477;
  box-shadow: 0 7px 16px rgba(184, 68, 119, 0.18);
}
html[data-theme="day"] .topbar .primary-btn:hover,
html[data-theme="day"] .primary-btn:hover,
html[data-theme="day"] .login-form .primary-btn:hover {
  background: #9e3265;
  border-color: #9e3265;
  box-shadow: 0 9px 20px rgba(158, 50, 101, 0.22);
}
html[data-theme="day"] .secondary-btn,
html[data-theme="day"] .topbar .ding-login-btn,
html[data-theme="day"] .text-btn,
html[data-theme="day"] .owner-chip button,
html[data-theme="day"] .owner-chip .supervisor-toggle {
  color: #774360;
  background: #fffafd;
  border-color: #e6cbd9;
}
html[data-theme="day"] .secondary-btn:hover,
html[data-theme="day"] .text-btn:hover,
html[data-theme="day"] .owner-chip button:hover {
  color: #943b66;
  background: #fbeaf3;
}

html[data-theme="day"] .metric-card,
html[data-theme="day"] .panel {
  color: var(--ink);
  background: #fffcfe;
  border-color: var(--line);
  box-shadow: 0 8px 24px rgba(107, 53, 82, 0.055);
}
html[data-theme="day"] .metric-card:hover,
html[data-theme="day"] .panel:hover {
  border-color: var(--line-strong);
  box-shadow: 0 12px 28px rgba(107, 53, 82, 0.09);
}
html[data-theme="day"] .metric-card::before {
  background: #d86e9d;
  box-shadow: none;
}
html[data-theme="day"] .metric-card:nth-child(2)::before { background: #a982c6; }
html[data-theme="day"] .metric-card:nth-child(3)::before { background: #57a898; }
html[data-theme="day"] .metric-card:nth-child(4)::before { background: #c46c9a; }
html[data-theme="day"] .metric-card:nth-child(5)::before { background: #e2938e; }
html[data-theme="day"] .metric-symbol {
  color: #ad4f7e;
  background: #f9e7f0;
  border-color: #efcede;
}
html[data-theme="day"] .metric-card:nth-child(3) .metric-symbol {
  color: #26766c;
  background: #e4f3ee;
}
html[data-theme="day"] .metric-card:nth-child(5) .metric-symbol {
  color: #b95e61;
  background: #fff0ef;
}
html[data-theme="day"] .metric-card span,
html[data-theme="day"] .metric-card small { color: #756576; }
html[data-theme="day"] .metric-card strong {
  color: #342436;
  text-shadow: none;
}
html[data-theme="day"] .metric-card small.up { color: #22746b; }
html[data-theme="day"] .metric-card small.down { color: #b34c62; }
html[data-theme="day"] .panel-heading { border-bottom-color: var(--line); }
html[data-theme="day"] .panel-heading::before {
  background: #d35b8e;
  box-shadow: none;
}
html[data-theme="day"] .panel-heading h2,
html[data-theme="day"] .brand-detail-title h2,
html[data-theme="day"] .brand-detail-section h3,
html[data-theme="day"] .overview-viral-info h3,
html[data-theme="day"] .viral-body h3 { color: #352639; }
html[data-theme="day"] .eyebrow { color: #aa4677; }
html[data-theme="day"] .pill-tabs span,
html[data-theme="day"] .viral-meta-line span,
html[data-theme="day"] .viral-stats span,
html[data-theme="day"] .team-viral-link span,
html[data-theme="day"] .ding-alert-meta span {
  color: #8b3e69;
  background: #f9ebf3;
  border-color: #ebccdc;
}

html[data-theme="day"] .overview-viral-card,
html[data-theme="day"] .viral-card,
html[data-theme="day"] .viral-body,
html[data-theme="day"] .viral-empty-state,
html[data-theme="day"] .viral-time-tabs,
html[data-theme="day"] .viral-filter-bar {
  color: var(--ink);
  background: #fffafd;
  border-color: var(--line);
  box-shadow: none;
}
html[data-theme="day"] .overview-viral-card:hover,
html[data-theme="day"] .viral-card:hover {
  border-color: var(--line-strong);
  box-shadow: 0 9px 24px rgba(107, 53, 82, 0.08);
}
html[data-theme="day"] .overview-viral-info p,
html[data-theme="day"] .viral-body p,
html[data-theme="day"] .viral-empty-state { color: #746477; }
html[data-theme="day"] .viral-meta { color: #9c416f; }
html[data-theme="day"] .viral-stats span { color: #854763; }
html[data-theme="day"] .overview-rank-row,
html[data-theme="day"] .overview-focus-item {
  color: var(--ink);
  background: #fffafd;
  border-bottom-color: var(--line);
}
html[data-theme="day"] .overview-rank-row:hover,
html[data-theme="day"] .overview-focus-item:hover,
html[data-theme="day"] .overview-score-row:hover,
html[data-theme="day"] .overview-mini-row:hover {
  color: var(--ink);
  background: #faedf4;
  border-color: #e8c9d8;
}
html[data-theme="day"] .rank-index,
html[data-theme="day"] .score-rank,
html[data-theme="day"] .overview-score-row:nth-child(-n + 3) .score-rank {
  color: #8a3e6b;
  background: #f8e8f1;
  border-color: #e9c5d7;
}
html[data-theme="day"] .rank-bar { background: #eee3eb; }
html[data-theme="day"] .rank-bar i {
  background: linear-gradient(90deg, #b96a9b, #59a798);
  box-shadow: none;
}
html[data-theme="day"] .rank-title span,
html[data-theme="day"] .rank-meta span,
html[data-theme="day"] .overview-mini-row span,
html[data-theme="day"] .overview-focus-item p,
html[data-theme="day"] .overview-score-person span,
html[data-theme="day"] .overview-score-value span { color: #796c7d; }
html[data-theme="day"] .overview-focus-item > span {
  color: #277568;
  background: #e8f4ef;
  border-color: #c9e6db;
}
html[data-theme="day"] .overview-focus-item:nth-child(3) > span {
  color: #a84b5d;
  background: #fff0f1;
  border-color: #f0cdd2;
}
html[data-theme="day"] .overview-score-row,
html[data-theme="day"] .overview-mini-row { border-color: var(--line); }

html[data-theme="day"] .table-wrap,
html[data-theme="day"] .detail-table-wrap,
html[data-theme="day"] .collaboration-batch-preview,
html[data-theme="day"] .brand-detail-section,
html[data-theme="day"] .brand-detail-product,
html[data-theme="day"] .brand-maintenance-card,
html[data-theme="day"] .brand-product-item,
html[data-theme="day"] .sales-brand-group,
html[data-theme="day"] .sales-metrics article,
html[data-theme="day"] .product-dashboard-metrics > div,
html[data-theme="day"] .brand-viral-item,
html[data-theme="day"] .entry-page-form,
html[data-theme="day"] .entry-help,
html[data-theme="day"] .auth-bind-status,
html[data-theme="day"] .sync-log-summary,
html[data-theme="day"] .sync-log-toolbar,
html[data-theme="day"] .sync-log-run,
html[data-theme="day"] .sync-log-detail-placeholder,
html[data-theme="day"] .sync-log-empty,
html[data-theme="day"] .ding-config,
html[data-theme="day"] .intake-empty,
html[data-theme="day"] .base-comment-card,
html[data-theme="day"] .base-comment-message,
html[data-theme="day"] .owner-chip,
html[data-theme="day"] .platform-status-card,
html[data-theme="day"] .team-viral-link,
html[data-theme="day"] .ding-alert-card {
  color: var(--ink);
  background: #fffcfe;
  border-color: var(--line);
}
html[data-theme="day"] table th,
html[data-theme="day"] .sales-product-table th,
html[data-theme="day"] .sales-mapping-table th,
html[data-theme="day"] .sync-log-items th {
  color: #675769;
  background: #fbedf4;
  border-color: var(--line);
}
html[data-theme="day"] table td,
html[data-theme="day"] .sales-product-table td,
html[data-theme="day"] .sales-mapping-table td {
  color: #463b49;
  background: #fffcfe;
  border-color: var(--line);
}
html[data-theme="day"] table tbody tr:hover,
html[data-theme="day"] table tbody tr:hover td { background: #fdf2f8; }
html[data-theme="day"] .product-period-cell,
html[data-theme="day"] .product-dashboard-daily-table td:first-child,
html[data-theme="day"] .product-dashboard-daily-table td:nth-child(2) {
  color: #463b49;
  background: #fffcfe;
}
html[data-theme="day"] .product-period-cell.selected {
  background: #f7e4ee;
  box-shadow: inset 3px 0 0 #bd507f;
}
html[data-theme="day"] .product-dashboard-period-tabs {
  background: #fffafd;
  border-color: var(--line);
}
html[data-theme="day"] .product-dashboard-daily-table th:first-child,
html[data-theme="day"] .product-dashboard-daily-table th:nth-child(2),
html[data-theme="day"] .product-dashboard-daily-table thead th:first-child,
html[data-theme="day"] .product-dashboard-daily-table thead th:nth-child(2) {
  color: #675769;
  background: #fbedf4;
}
html[data-theme="day"] .product-day-count.has-content {
  color: #8d3f6e;
  background: #f8e7f0;
  border-color: #eac6d8;
}
html[data-theme="day"] .progress { background: #ebdfe8; }

html[data-theme="day"] input,
html[data-theme="day"] select,
html[data-theme="day"] textarea,
html[data-theme="day"] .manual-viral-form input,
html[data-theme="day"] .manual-viral-form input[readonly],
html[data-theme="day"] .manual-viral-form select,
html[data-theme="day"] .manual-viral-form textarea,
html[data-theme="day"] .binding-transfer-form select,
html[data-theme="day"] .account-edit-form input:not([type="checkbox"]),
html[data-theme="day"] .account-edit-home-url textarea,
html[data-theme="day"] .collaboration-records-tools select,
html[data-theme="day"] .collaboration-form input,
html[data-theme="day"] .collaboration-form select,
html[data-theme="day"] .collaboration-form textarea,
html[data-theme="day"] .sales-mapping-table select,
html[data-theme="day"] .competitor-form input,
html[data-theme="day"] .competitor-form select,
html[data-theme="day"] .competitor-form textarea,
html[data-theme="day"] .douyin-hot-controls select {
  color: #392d3d;
  background: #fff;
  border-color: #dec7d4;
  color-scheme: light;
}
html[data-theme="day"] input::placeholder,
html[data-theme="day"] textarea::placeholder { color: #a08d9c; }
html[data-theme="day"] input:hover,
html[data-theme="day"] select:hover,
html[data-theme="day"] textarea:hover { border-color: #c684a5; }
html[data-theme="day"] .manual-viral-form input:focus,
html[data-theme="day"] .manual-viral-form select:focus,
html[data-theme="day"] .manual-viral-form textarea:focus,
html[data-theme="day"] .binding-transfer-form select:focus,
html[data-theme="day"] .account-edit-form input:not([type="checkbox"]):focus,
html[data-theme="day"] .account-edit-home-url textarea:focus {
  border-color: #c45b89;
  box-shadow: 0 0 0 3px rgba(196, 91, 137, 0.13);
}
html[data-theme="day"] .manual-viral-form input[readonly] {
  color: #766778;
  background: #f8f1f6;
}
html[data-theme="day"] select option,
html[data-theme="day"] .douyin-hot-controls select option,
html[data-theme="day"] .brand-manager-tools select option {
  color: #392d3d;
  background: #fff;
}
html[data-theme="day"] .brand-manager-bound strong {
  color: #544157;
  background: #fff;
  border-color: var(--line);
  box-shadow: none;
}
html[data-theme="day"] .filter-tab,
html[data-theme="day"] .segmented-control,
html[data-theme="day"] .segmented-control button,
html[data-theme="day"] .collaboration-modes,
html[data-theme="day"] .collaboration-modes button {
  color: #765e72;
  background: #fffafd;
  border-color: var(--line);
}
html[data-theme="day"] .filter-tab.active,
html[data-theme="day"] .segmented-control button.active,
html[data-theme="day"] .collaboration-modes button[aria-pressed="true"] {
  color: #843259;
  background: #f6dce9;
  box-shadow: none;
}
html[data-theme="day"] .sales-sync-status,
html[data-theme="day"] .auth-bind-status.success {
  color: #257267;
  background: #eaf5f0;
  border-color: #add8c8;
}
html[data-theme="day"] .sales-sync-status.warning { color: #8f613e; background: #fff4e6; }
html[data-theme="day"] .sales-sync-status.error,
html[data-theme="day"] .auth-bind-status.failed { color: #a7465a; background: #fff0f2; }
html[data-theme="day"] .sales-brand-group > header,
html[data-theme="day"] .sales-product-table th,
html[data-theme="day"] .sales-mapping-table th { background: #fbedf4; }
html[data-theme="day"] .sales-brand-group > header h3,
html[data-theme="day"] .sales-brand-total strong,
html[data-theme="day"] .sales-metrics strong { color: #382a39; }
html[data-theme="day"] .sales-platforms,
html[data-theme="day"] .sales-brand-group > header { border-color: var(--line); }
html[data-theme="day"] .sales-platforms span { color: #776877; border-color: var(--line); }
html[data-theme="day"] .sales-platforms b { color: #26766c; }
html[data-theme="day"] .brand-detail-heading,
html[data-theme="day"] .brand-detail-metrics {
  color: var(--ink);
  background: #fffcfe;
  border-color: var(--line);
}
html[data-theme="day"] .brand-detail-metrics > div,
html[data-theme="day"] .brand-owner-contribution { border-color: var(--line); }
html[data-theme="day"] .brand-detail-metrics span,
html[data-theme="day"] .brand-owner-contribution span,
html[data-theme="day"] .brand-owner-contribution b,
html[data-theme="day"] .brand-detail-product header p { color: #766878; }
html[data-theme="day"] .brand-detail-metrics strong { color: var(--ink); }

html[data-theme="day"] .modal-backdrop {
  background: rgba(61, 36, 54, 0.52);
  backdrop-filter: blur(6px);
}
html[data-theme="day"] .content-modal {
  color: var(--ink);
  background: #fffafd;
  border-color: #dfbdcf;
  box-shadow: 0 24px 72px rgba(61, 36, 54, 0.24);
}
html[data-theme="day"] .modal-hero {
  color: #fff;
  background: linear-gradient(120deg, #713d63, #bb5b8b);
}
html[data-theme="day"] .modal-hero .eyebrow { color: #f9e4ef; }
html[data-theme="day"] .modal-hero.beauty { background: linear-gradient(120deg, #853f6e, #c36796); }
html[data-theme="day"] .modal-hero.medical { background: linear-gradient(120deg, #2e716b, #a35d87); }
html[data-theme="day"] .modal-hero.food { background: linear-gradient(120deg, #9c654f, #bb648a); }
html[data-theme="day"] .modal-hero.tech { background: linear-gradient(120deg, #574a83, #a65782); }
html[data-theme="day"] .modal-hero.employee-hero { background: linear-gradient(120deg, #644369, #aa5786); }
html[data-theme="day"] .content-modal .detail-card,
html[data-theme="day"] .content-modal .platform-status-card {
  color: var(--ink);
  background: #fff;
  border-color: var(--line);
  box-shadow: none;
}
html[data-theme="day"] .content-modal .detail-card span { color: #776979; }
html[data-theme="day"] .content-modal .detail-card strong { color: #382a39; }
html[data-theme="day"] .content-modal .employee-block-meta > span,
html[data-theme="day"] .content-modal .account-type-summary span {
  color: #756475;
  background: #f7edf3;
  border-color: var(--line);
}
html[data-theme="day"] .content-modal .employee-account-table tbody tr.account-row-disabled,
html[data-theme="day"] .content-modal .employee-account-table tbody tr.account-row-disabled:hover,
html[data-theme="day"] .content-modal .employee-account-table tbody tr.account-row-disabled > td {
  color: #867b87;
  background: #f8f2f6;
}
html[data-theme="day"] .content-modal .employee-account-table tbody tr.account-row-disabled strong { color: #7d6d7c; }
html[data-theme="day"] .close-btn {
  color: #884161;
  background: #fff;
  border-color: #e6cbd9;
}
html[data-theme="day"] .close-btn:hover { background: #fbeaf3; }

html[data-theme="day"] .platform-status-card b,
html[data-theme="day"] .platform-empty,
html[data-theme="day"] .pending-data-label,
html[data-theme="day"] .viral-link-empty,
html[data-theme="day"] .sync-log-state,
html[data-theme="day"] .sync-log-item-state {
  color: #706473;
  background: #f3ecf2;
}
html[data-theme="day"] .platform-status-card.good,
html[data-theme="day"] .platform-status-chip.good,
html[data-theme="day"] .status.good,
html[data-theme="day"] .grade-A,
html[data-theme="day"] .sync-log-state.success,
html[data-theme="day"] .sync-log-item-state.success { color: #22746b; background: #e8f4ef; border-color: #c5e2d6; }
html[data-theme="day"] .platform-status-card.warning,
html[data-theme="day"] .platform-status-chip.warning,
html[data-theme="day"] .status.warning,
html[data-theme="day"] .grade-C { color: #8f613e; background: #fff2e4; border-color: #f0d8b9; }
html[data-theme="day"] .platform-status-card.danger,
html[data-theme="day"] .platform-status-chip.danger,
html[data-theme="day"] .status.danger,
html[data-theme="day"] .grade-D { color: #a7465a; background: #fff0f2; border-color: #eecbd2; }
html[data-theme="day"] .grade-B { color: #80466d; background: #f6e8f2; }
html[data-theme="day"] .brand-viral-score,
html[data-theme="day"] .grade-S { color: #a84e68; background: #ffe9ee; border-color: #f0ccd7; }
html[data-theme="day"] .brand-viral-actions a {
  color: #8f3a68;
  background: #f9eaf2;
  border-color: #eac8da;
}
html[data-theme="day"] .brand-viral-empty { color: #786a7a; background: #fffafd; border-color: var(--line); }
html[data-theme="day"] .sync-log-toolbar select,
html[data-theme="day"] .sync-log-run[open] > summary { color: var(--ink); background: #fffafd; border-color: var(--line); }
html[data-theme="day"] .base-comment-message { background: #f9f1f6; }
html[data-theme="day"] .toast-message { color: #fff; background: #583347; }
html[data-theme="day"] .hot-mode-tabs button[aria-pressed="true"] {
  color: #9c3e70;
  border-bottom-color: #bc5988;
}
html[data-theme="day"] .douyin-hot-row a:hover { background: #f9edf4; }
html[data-theme="day"] .douyin-hot-row:nth-child(-n+3) .hot-topic-index { color: #a34c78; }
html[data-theme="day"] .competitor-table a { color: #a83f75; }
html[data-theme="day"] .competitor-error { color: #ae485b; }

html[data-theme="day"] .login-screen {
  color: var(--ink);
  background-color: #fff6fa;
  background-image:
    linear-gradient(rgba(179, 92, 133, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(179, 92, 133, 0.045) 1px, transparent 1px);
  background-size: 40px 40px;
}
html[data-theme="day"] .login-panel {
  background: #fff;
  border-color: #e6c5d6;
  box-shadow: 0 24px 64px rgba(105, 54, 83, 0.14);
}
html[data-theme="day"] .login-panel::before {
  background: linear-gradient(90deg, #c2598b 0 48%, #b99ad1 48% 72%, #72b8a9 72%);
}
html[data-theme="day"] .login-overview { background: #f9e7f0; }
html[data-theme="day"] .login-overview::after { border-color: #e1b8cf; }
html[data-theme="day"] .login-brand .mark { border-color: #e6bfd3; box-shadow: none; }
html[data-theme="day"] .login-brand strong,
html[data-theme="day"] .login-copy h1 { color: #40293d; }
html[data-theme="day"] .login-brand span,
html[data-theme="day"] .login-edition,
html[data-theme="day"] .login-signal-labels { color: #876d82; }
html[data-theme="day"] .login-copy h1 span,
html[data-theme="day"] .login-copy .eyebrow,
html[data-theme="day"] .login-signal-labels strong { color: #a94377; }
html[data-theme="day"] .login-live-dot { background: #56a898; box-shadow: 0 0 0 5px #dcf1e9; }
html[data-theme="day"] .login-signal-track { background: #ebd4e2; }
html[data-theme="day"] .login-signal-track span { background: #c46496; }
html[data-theme="day"] .login-signal-track:nth-child(2) span { background: #b49bcf; }
html[data-theme="day"] .login-signal-track:nth-child(3) span { background: #71b7a7; }
html[data-theme="day"] .login-access { color: var(--ink); background: #fffcfe; }
html[data-theme="day"] .login-access-index { color: #847183; border-bottom-color: var(--line); }
html[data-theme="day"] .login-access-index strong,
html[data-theme="day"] .login-access-copy .eyebrow { color: #a94377; }
html[data-theme="day"] .login-access-copy h2 { color: #382a39; }
html[data-theme="day"] .login-access-copy p:not(.eyebrow),
html[data-theme="day"] .login-security,
html[data-theme="day"] .login-footnote { color: #776a79; }
html[data-theme="day"] .login-field { background: #fff; border-color: var(--line); }
html[data-theme="day"] .login-form label { color: #685568; }
html[data-theme="day"] .login-form label::before { background: #b86997; }
html[data-theme="day"] .login-form select { background: #fffafd; border-color: #dec7d4; }
html[data-theme="day"] .login-security-dot { background: #50a38d; }

@media (max-width: 680px) {
  .topbar-actions .sync-control { flex-basis: 160px; }
  .theme-toggle { flex-basis: 42px; width: 42px; height: 42px; }
}