:root {
  color-scheme: light;
}

.theme-picker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--muted);
  white-space: nowrap;
}
.theme-picker select {
  width: auto;
  min-width: 94px;
  min-height: 38px;
  margin: 0;
  padding: 6px 10px;
  font-size: 12px;
}
.public-nav nav,
.top-right {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.workspace-top {
  height: auto;
  min-height: 75px;
  flex-wrap: wrap;
  padding-top: 12px;
  padding-bottom: 12px;
}
.top-right {
  min-width: 0;
  max-width: 100%;
}
.interview-setup-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  padding-left: 20px;
  margin: 26px 0 8px;
}
.interview-setup-steps p {
  margin: 10px 0;
  color: var(--contrast-muted, #63705b);
  font-size: 12px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e4eadf;
  --muted: #acb9a6;
  --contrast-muted: #acb9a6;
  --green: #b9d79d;
  --green-light: #2f4228;
  --paper: #121b16;
  --line: #3c4b3c;
  --white: #1c271f;
  --surface-raised: #1c271f;
  --surface-recessed: #152019;
  --surface-soft: #2c3d28;
}
:root[data-theme="dark"] .workspace {
  background: var(--paper);
}
:root[data-theme="dark"] :is(.sidebar, .workspace-top) {
  background: #182219;
}
:root[data-theme="dark"] :is(.panel, .conversation-card, .floating-note, .stat-card, .feature-grid article, dialog, .skip-link) {
  background: var(--surface-raised);
  border-color: var(--line);
  color: var(--ink);
}
:root[data-theme="dark"] :is(input, select, textarea, th, .review-decision, .approval-row) {
  background: var(--surface-recessed);
  border-color: var(--line);
}
:root[data-theme="dark"] :is(input, select, textarea) {
  color: var(--ink);
}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}
:root[data-theme="dark"] :is(.journey-panel, .principle-strip) {
  background: #1b291f;
}
:root[data-theme="dark"] :is(.badge, .note, .notice, .step-dot.filled, .org-avatar, .avatar, .feature-icon, .note-icon, .empty-icon, .rating, .count, code, .sidebar nav > a.active) {
  background: var(--surface-soft);
  color: #bed2a8;
  border-color: #46563c;
}
:root[data-theme="dark"] .sidebar nav > a:hover {
  background: var(--surface-soft);
}
:root[data-theme="dark"] :is(.eyebrow, .hero-description, .hero-footnote, .feature-number, .principle-strip > .wrap, .sidebar nav > a, .sidebar nav > a > span, .private-note, .user-block small, .sidebar-bottom form .text-link, .workspace-top, .page-heading p, .stat-card > span, .stat-card small, .journey p, .note, th, td, td small, .empty-state p, .workspace-footer, .form-panel > p, label, .checkbox-label, .form-help, .kit-facts, .list-card p, .role-guide dd, .score-card > p, .score-card cite, .lead, .prose p) {
  color: var(--muted);
}
:root[data-theme="dark"] :is(td strong, .sidebar nav > a.active) {
  color: var(--ink);
}
:root[data-theme="dark"] :is(legend, .answer-card details p) {
  color: var(--muted);
}
:root[data-theme="dark"] :is(.hero h1 em, .quiet-check, .table-action, summary, .probe, .score-card blockquote, .sidebar nav > a.active > span, .list-card small) {
  color: var(--green);
}
:root[data-theme="dark"] :is(th, td, .orbit, .journey li:not(:last-child)::before, .journey li > span, .probe, .score-card blockquote) {
  border-color: var(--line);
}
:root[data-theme="dark"] .journey li > span {
  background: var(--surface-recessed);
  color: var(--green);
}
:root[data-theme="dark"] .hero-visual {
  background: radial-gradient(ellipse, #284032 0%, #17251c 40%, transparent 72%);
}
:root[data-theme="dark"] .candidate-section {
  background: #193e35;
}
:root[data-theme="dark"] .button,
:root[data-theme="dark"] .toast {
  background: var(--green);
  color: #17251c;
  border-color: var(--green);
}
:root[data-theme="dark"] .button:hover {
  background: #d1e7bd;
}
:root[data-theme="dark"] .button.outline {
  background: transparent;
  color: var(--green);
  border-color: #657959;
}
:root[data-theme="dark"] .button.outline:hover {
  background: var(--surface-soft);
}
:root[data-theme="dark"] .button.light {
  background: var(--lime);
  border-color: var(--lime);
  color: #193e35;
}
:root[data-theme="dark"] :is(button, a, summary):focus-visible {
  outline-color: var(--green);
}
:root[data-theme="dark"] :is(input, select, textarea):focus {
  border-color: var(--green);
}
:root[data-theme="dark"] .status {
  background: var(--surface-soft);
  color: #c3d0b8;
  border-color: #46563c;
}
:root[data-theme="dark"] :is(.success, .status-review_ready, .status-published, .status-completed, .status-asking, .status-listening) {
  background: #24452e;
  color: #b9e3b5;
  border-color: #446b47;
}
:root[data-theme="dark"] :is(.status-technical_failure, .status-human_handoff_requested, .status-resume_pending) {
  background: #433823;
  color: #f1d48f;
  border-color: #786637;
}
:root[data-theme="dark"] :is(.form-error, .status-consent_declined, .status-cancelled) {
  background: #462d28;
  color: #ffccb8;
  border-color: #895244;
}
:root[data-theme="dark"] .danger {
  color: #ffbca7;
}
:root[data-theme="dark"] dialog::backdrop {
  background: #0009;
}

@media (max-width: 640px) {
  .interview-setup-steps {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .public-nav {
    height: auto;
    min-height: 82px;
    flex-wrap: wrap;
    gap: 14px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .public-nav nav {
    width: 100%;
    gap: 12px;
    justify-content: space-between;
  }
  .workspace-top {
    min-height: 53px;
  }
  .top-right {
    width: 100%;
    justify-content: space-between;
  }
  .theme-picker select,
  .workspace .theme-picker select {
    min-width: 108px;
    min-height: 44px;
    font-size: 16px;
  }
}