/* Page-specific dark surfaces; the shared palette lives in dark-mode.css. */
html[data-theme="dark"] body.guide-page,
html[data-theme="dark"] body.teachers-page,
html[data-theme="dark"] body.internship-page,
html[data-theme="dark"] body.team-page {
  background: var(--cream);
  color: var(--ink);
}

/* Guide: preserve the navy proposal area and separate its preview from the page. */
html[data-theme="dark"] .guide-page #principal > section {
  background: var(--cream);
  border-color: var(--line);
}
html[data-theme="dark"] .guide-page #principal > .guide-intro,
html[data-theme="dark"] .guide-page #principal > .safeguards {
  background: var(--dark-panel);
}
html[data-theme="dark"] .guide-page #principal > .operations {
  background: var(--navy);
  color: var(--ink);
}
html[data-theme="dark"] .guide-page .guide-overview,
html[data-theme="dark"] .guide-page .guide-card,
html[data-theme="dark"] .guide-page .guide-resource,
html[data-theme="dark"] .guide-page .app-preview {
  border-color: var(--line);
  background: var(--dark-panel-raised);
  color: var(--ink);
  box-shadow: none;
}
html[data-theme="dark"] .guide-page .guide-resource:hover {
  border-color: var(--dark-accent);
  box-shadow: 0 8px 24px #00000026;
}
html[data-theme="dark"] .guide-page .guide-primary {
  background: var(--dark-accent);
  color: var(--dark-accent-ink);
}
html[data-theme="dark"] .guide-page .guide-primary:hover {
  background: #b0fbf0;
}
html[data-theme="dark"] .guide-page .guide-secondary {
  border-color: var(--line);
  background: var(--surface);
  color: var(--ink);
}
html[data-theme="dark"] .guide-page .guide-secondary:hover {
  background: #21364f;
}
html[data-theme="dark"] .guide-page .intro-copy > p:not(.eyebrow),
html[data-theme="dark"] .guide-page .overview-list p,
html[data-theme="dark"] .guide-page .overview-footnote,
html[data-theme="dark"] .guide-page .guide-section-heading > p:not(.eyebrow),
html[data-theme="dark"] .guide-page .guide-support-grid > div > p:not(.eyebrow),
html[data-theme="dark"] .guide-page .step-card > p:not(.step-phase),
html[data-theme="dark"] .guide-page .step-details ul,
html[data-theme="dark"] .guide-page .guide-resource p,
html[data-theme="dark"] .guide-page .preview-greeting,
html[data-theme="dark"] .guide-page .preview-item p,
html[data-theme="dark"] .guide-page .preview-footnote,
html[data-theme="dark"] .guide-page .preview-item > span:last-child,
html[data-theme="dark"] .guide-page .guide-faq details p {
  color: var(--muted);
}
html[data-theme="dark"] .guide-page .overview-heading p,
html[data-theme="dark"] .guide-page .overview-footnote span,
html[data-theme="dark"] .guide-page .step-top,
html[data-theme="dark"] .guide-page .step-phase,
html[data-theme="dark"] .guide-page .step-details summary,
html[data-theme="dark"] .guide-page details summary::marker,
html[data-theme="dark"] .guide-page .resource-link,
html[data-theme="dark"] .guide-page .guide-faq a {
  color: var(--dark-accent);
}
html[data-theme="dark"] .guide-page .overview-icon,
html[data-theme="dark"] .guide-page .overview-list li > span,
html[data-theme="dark"] .guide-page .resource-icon,
html[data-theme="dark"] .guide-page .preview-top > span,
html[data-theme="dark"] .guide-page .preview-item-icon {
  background: #1b403f;
  color: var(--dark-accent);
}
html[data-theme="dark"] .guide-page .step-number { color: #8396b1; }
html[data-theme="dark"] .guide-page .overview-list li,
html[data-theme="dark"] .guide-page .overview-footnote,
html[data-theme="dark"] .guide-page .step-details,
html[data-theme="dark"] .guide-page .preview-item,
html[data-theme="dark"] .guide-page .guide-faq details {
  border-color: var(--line);
}
html[data-theme="dark"] .guide-page details summary:focus-visible {
  outline-color: var(--dark-accent);
}

/* Teachers: cards, photo caption and the illustrative student console. */
html[data-theme="dark"] .teachers-page #principal > section {
  background: var(--cream);
  border-color: var(--line);
}
html[data-theme="dark"] .teachers-page #principal > .teacher-intro,
html[data-theme="dark"] .teachers-page #principal > .teacher-assurance {
  background: var(--dark-panel);
}
html[data-theme="dark"] .teachers-page .faculty-photo,
html[data-theme="dark"] .teachers-page .teacher-function-card,
html[data-theme="dark"] .teachers-page .teacher-console,
html[data-theme="dark"] .teachers-page .supervision-criteria {
  border-color: var(--line);
  background: var(--dark-panel-raised);
  color: var(--ink);
  box-shadow: none;
}
html[data-theme="dark"] .teachers-page .faculty-photo figcaption {
  border-color: #51627a;
  background: #111e30f5;
  color: var(--ink);
}
html[data-theme="dark"] .teachers-page .teacher-primary {
  background: var(--dark-accent);
  color: var(--dark-accent-ink);
}
html[data-theme="dark"] .teachers-page .teacher-primary:hover { background: #b0fbf0; }
html[data-theme="dark"] .teachers-page .teacher-secondary {
  border-color: var(--line);
  background: var(--surface);
  color: var(--ink);
}
html[data-theme="dark"] .teachers-page .teacher-secondary:hover { background: #21364f; }
html[data-theme="dark"] .teachers-page .teacher-intro-copy > p:not(.eyebrow):not(.teacher-intro-note),
html[data-theme="dark"] .teachers-page .teacher-intro-note,
html[data-theme="dark"] .teachers-page .faculty-photo figcaption div > span,
html[data-theme="dark"] .teachers-page .teacher-section-heading > p:not(.eyebrow),
html[data-theme="dark"] .teachers-page .teacher-assurance .assurance-grid > div > p:not(.eyebrow),
html[data-theme="dark"] .teachers-page .teacher-function-card p,
html[data-theme="dark"] .teachers-page .cohort-eyebrow,
html[data-theme="dark"] .teachers-page .student-table-heading,
html[data-theme="dark"] .teachers-page .student-heading p,
html[data-theme="dark"] .teachers-page .student-next,
html[data-theme="dark"] .teachers-page .console-bottom,
html[data-theme="dark"] .teachers-page .criteria-item p {
  color: var(--muted);
}
html[data-theme="dark"] .teachers-page .function-number { color: #94a6be; }
html[data-theme="dark"] .teachers-page .teacher-detail-link,
html[data-theme="dark"] .teachers-page .criteria-item > span {
  color: var(--dark-accent);
}
html[data-theme="dark"] .teachers-page .faculty-photo-icon,
html[data-theme="dark"] .teachers-page .teacher-function-icon,
html[data-theme="dark"] .teachers-page .student-avatar,
html[data-theme="dark"] .teachers-page .arrived {
  background: #1b403f;
  color: var(--dark-accent);
}
html[data-theme="dark"] .teachers-page .blue-avatar,
html[data-theme="dark"] .teachers-page .travelling {
  background: #1d3554;
  color: #bbd9ff;
}
html[data-theme="dark"] .teachers-page .amber-avatar,
html[data-theme="dark"] .teachers-page .needs-help {
  background: #4a361b;
  color: #ffdc9c;
}
html[data-theme="dark"] .teachers-page .cohort-count {
  background: var(--dark-panel);
  color: var(--muted);
}
html[data-theme="dark"] .teachers-page .student-row,
html[data-theme="dark"] .teachers-page .console-bottom,
html[data-theme="dark"] .teachers-page .criteria-item + .criteria-item {
  border-color: var(--line);
}

/* Published experiences and the metadata injected into the shared dialog. */
html[data-theme="dark"] .internship-page #principal > .xp-intro,
html[data-theme="dark"] .internship-page #principal > .xp-organizations {
  border-color: var(--line);
  background: var(--dark-panel);
}
html[data-theme="dark"] .internship-page #principal > .xp-records {
  background: var(--cream);
}
html[data-theme="dark"] .internship-page .xp-card,
html[data-theme="dark"] .internship-page .xp-organization {
  border-color: var(--line);
  background: var(--dark-panel-raised);
  box-shadow: none;
}
html[data-theme="dark"] .internship-page .xp-card:hover {
  border-color: var(--dark-accent);
  box-shadow: 0 10px 24px #00000026;
}
html[data-theme="dark"] .internship-page .xp-intro h1,
html[data-theme="dark"] .internship-page .xp-section-heading h2,
html[data-theme="dark"] .internship-page .xp-card h3,
html[data-theme="dark"] .internship-page .xp-organization-heading h3,
html[data-theme="dark"] .internship-page .xp-detail-meta dd {
  color: var(--ink);
}
html[data-theme="dark"] .internship-page .xp-breadcrumb,
html[data-theme="dark"] .internship-page .xp-intro-description,
html[data-theme="dark"] .internship-page .xp-section-heading > p,
html[data-theme="dark"] .internship-page .xp-card-summary,
html[data-theme="dark"] .internship-page .xp-card-footer time,
html[data-theme="dark"] .internship-page .xp-records-note,
html[data-theme="dark"] .internship-page .xp-organization-heading p,
html[data-theme="dark"] .internship-page .xp-organization-body > p,
html[data-theme="dark"] .internship-page .xp-photo-credits,
html[data-theme="dark"] .internship-page .xp-detail-meta dt {
  color: var(--muted);
}
html[data-theme="dark"] .internship-page .xp-breadcrumb a:hover,
html[data-theme="dark"] .internship-page .xp-breadcrumb > span:last-child,
html[data-theme="dark"] .internship-page .xp-intro .eyebrow,
html[data-theme="dark"] .internship-page .xp-section-heading .eyebrow,
html[data-theme="dark"] .internship-page .xp-intro-link,
html[data-theme="dark"] .internship-page .xp-card-category,
html[data-theme="dark"] .internship-page .xp-detail-link,
html[data-theme="dark"] .internship-page .xp-organization-country,
html[data-theme="dark"] .internship-page .xp-photo-credits a,
html[data-theme="dark"] .internship-page .xp-detail-route {
  color: var(--dark-accent);
}
html[data-theme="dark"] .internship-page .xp-intro-link span,
html[data-theme="dark"] .internship-page .xp-card-image,
html[data-theme="dark"] .internship-page .xp-organization-image,
html[data-theme="dark"] .internship-page .xp-detail-meta {
  background: var(--surface);
}
html[data-theme="dark"] .internship-page .xp-card-route {
  background: #22384e;
  color: #d0e0f5;
}
html[data-theme="dark"] .internship-page .xp-card-footer,
html[data-theme="dark"] .internship-page .xp-photo-credits {
  border-color: var(--line);
}
html[data-theme="dark"] .internship-page .xp-photo-credits summary { color: var(--ink); }
html[data-theme="dark"] .internship-page .xp-records-note > span { border-color: #94a6be; }
html[data-theme="dark"] .internship-page .xp-preparation { border-color: var(--line); }
html[data-theme="dark"] .internship-page .xp-detail-note {
  border-color: var(--dark-accent);
  background: var(--dark-panel);
}

/* Team profile cards use dark text only on their mint action buttons. */
html[data-theme="dark"] .team-page .creator-profile {
  border-color: var(--line);
  background: var(--dark-panel-raised);
}
html[data-theme="dark"] .team-page .creator-profile img { border-color: #2d655d; }
html[data-theme="dark"] .team-page .creator-profile a {
  background: var(--dark-accent);
  color: var(--dark-accent-ink);
}
html[data-theme="dark"] .team-page .creator-profile a:hover { background: #b0fbf0; }