/* Legacy component accents follow the active dark palette, including Auto. */
html[data-palette="dark"] {
  --purple: var(--accent);
  --purple-rgb: 229,130,74;
  --violet-rgb: 229,130,74;
  --magenta-rgb: 229,130,74;
}

html[data-palette="dark"] :is(
  .email-account-button, .email-provider, .email-unread, .email-next-button,
  .email-confirm-btn, .email-action-pill, .email-ai-note, .email-review-box,
  .smart-reply-panel, .smart-reply-option.selected,
  .health-insight-card, .health-metric-card:hover,
  .calendar-chip.primary, .calendar-day-cell.today, .calendar-day-cell.selected,
  .calendar-day-cell:hover, .calendar-week-column.selected, .calendar-week-column:hover,
  .calendar-year-month.active, .calendar-year-month:hover,
  .goals-callout, .reward-card.active,
  .action-btn:hover, .icon-btn:hover
) {
  background: var(--accent-muted-bg) !important;
  border-color: var(--border-focus) !important;
  color: var(--accent-muted-text) !important;
  box-shadow: none !important;
}

html[data-palette="dark"] :is(
  .email-action-copy b, .email-ai-note svg, .smart-reply-panel .card-label,
  .health-today-stats svg, .health-training-card > svg, .health-insight-card > svg,
  .health-insight-card em, .goals-status svg, .goals-anti-line svg,
  .calendar-card-title, .calendar-progress-copy, .calendar-committed-label,
  .calendar-week-label, .todo-count b, .todo-derived-note.is-timer,
  .todo-mobile-note.is-timer, .todo-mobile-add svg
) { color: var(--accent-muted-text) !important; }

html[data-palette="dark"] .email-ai-sparkle-icon {
  fill: var(--accent) !important;
}

html[data-palette="dark"] :is(
  .calendar-view-toggle, .goals-tabs, .todo-reminder-panel, .todo-action-menu,
  .todo-stuck-menu, .todo-first-step-menu, .calendar-popover,
  .health-metric-card, .health-vital-card, .reward-card, .area-folder-card,
  .goals-north-star, .goals-life-direction
) {
  background: var(--elevated) !important;
  border-color: var(--border-default) !important;
  color: var(--ink-primary) !important;
}

html[data-palette="dark"] :is(
  .calendar-view-toggle button.active, .goals-tabs button.active,
  .todo-round-check.is-done, .todo-mobile-row.is-done .todo-mobile-check
) {
  background: var(--accent) !important;
  color: var(--ink-on-accent) !important;
  border-color: var(--accent) !important;
  box-shadow: none !important;
}

html[data-palette="dark"] :is(
  .health-steps-bar .bar-fill, .goals-progress-track span,
  .calendar-progress-commit, .calendar-event-dot, .calendar-event-line i,
  .todo-focus-row.is-inProgress::before, .todo-mobile-row.is-inProgress::before
) { background: var(--accent) !important; box-shadow: none !important; }

html[data-palette="dark"] .focus-session-count i.active {
  box-shadow: 0 0 0 3px var(--accent-muted-bg) !important;
}

html[data-palette="dark"] :is(.health-ring, .weekly-slot, .focus-session-card) stop {
  stop-color: var(--accent) !important;
}

html[data-palette="dark"] :is(.sleep-stage-bar span, .sleep-stage-legend i) {
  background: var(--border-strong) !important;
}
html[data-palette="dark"] :is(.sleep-stage-bar span:nth-child(1), .sleep-stage-legend span:nth-child(1) i) {
  background: var(--accent) !important;
}
html[data-palette="dark"] :is(.sleep-stage-bar span:nth-child(2), .sleep-stage-legend span:nth-child(2) i) {
  background: var(--warning) !important;
}
html[data-palette="dark"] :is(.sleep-stage-bar span:nth-child(3), .sleep-stage-legend span:nth-child(3) i) {
  background: var(--info) !important;
}

html[data-palette="dark"] :is(
  [style*="99, 102, 241"], [style*="192, 132, 252"], [style*="184, 117, 255"],
  [style*="216, 180, 254"], [style*="125, 132, 255"], [style*="169, 139, 255"]
) {
  color: var(--ink-secondary) !important;
  background: var(--accent-muted-bg) !important;
  border-color: var(--border-default) !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html[data-palette="dark"] .email-actions-panel {
    background: var(--accent-muted-bg) !important;
  }
}

html[data-palette="dark"] .onboarding-overlay {
  --violet: var(--accent);
  --magenta: var(--accent);
  --bg: var(--canvas);
  --glass: var(--surface);
  --glass-2: var(--elevated);
  --glass-strong: var(--elevated);
  --ink: var(--ink-primary);
  --ink-2: var(--ink-secondary);
  --ink-3: var(--ink-tertiary);
  --ink-4: var(--ink-disabled);
  --border: var(--border-default);
  --border-soft: var(--border-subtle);
  --border-hi: var(--border-strong);
  background: var(--canvas) !important;
}

html[data-palette="dark"] :is(.onboarding-shell, .onboarding-catalog, .onboarding-template-stage) {
  background: var(--canvas) !important;
}

html[data-palette="dark"] :is(.onboarding-real-block, .onboarding-template-card, .onboarding-catalog-row) {
  background: var(--surface) !important;
  border-color: var(--border-default) !important;
}

html[data-palette="dark"] :is(.onboarding-focus-now, .onboarding-focus-now em, .onboarding-email-actions span) {
  background: var(--accent-muted-bg) !important;
  border-color: var(--border-default) !important;
}

html[data-palette="dark"] .onboarding-focus-timer {
  border-color: var(--border-default) !important;
  border-bottom-color: var(--accent) !important;
}

html[data-palette="dark"] :is(.onboarding-step-dot.active, .onboarding-template-thumb-row .accent, .onboarding-primary) {
  background: var(--accent) !important;
  color: var(--ink-on-accent) !important;
  box-shadow: none !important;
}

html[data-palette="dark"] .onboarding-template-icon {
  background: var(--accent-muted-bg) !important;
  color: var(--accent-muted-text) !important;
  border-color: var(--border-default) !important;
}

html[data-palette="dark"] .onboarding-template-card-top > small {
  color: var(--accent-muted-text) !important;
}