:root {
    --wo-theme-page: #f1f2ed;
    --wo-theme-surface: #ffffff;
    --wo-theme-surface-soft: #f7f9f7;
    --wo-theme-text: #20241f;
    --wo-theme-muted: #687067;
    --wo-theme-line: #dfe3dc;
    --wo-theme-accent: #345d49;
    --wo-theme-accent-text: #ffffff;
    --wo-room-panorama: #5d9bb3;
    --wo-room-barn: #c5a453;
    --wo-room-steam: #c56f61;
    --wo-room-shou: #8574b5;
    --wo-room-forest: #8cb59f;
}

.wo-theme-control {
    display: grid;
    gap: 12px;
    padding: 14px;
    color: var(--wo-theme-text);
    background: var(--wo-theme-surface-soft);
    border: 1px solid var(--wo-theme-line);
    border-radius: 8px;
}
.wo-theme-control-head { min-width: 0; display: flex; align-items: center; gap: 11px; }
.wo-theme-control-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    color: var(--wo-theme-accent);
    background: rgba(52, 93, 73, .12);
    background: color-mix(in srgb, var(--wo-theme-accent) 12%, transparent);
    border-radius: 50%;
}
.wo-theme-control-icon svg,
.wo-theme-options svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wo-theme-control-copy { min-width: 0; }
.wo-theme-control-copy strong,
.wo-theme-control-copy small { display: block; }
.wo-theme-control-copy strong { color: var(--wo-theme-text); font-size: .9rem; line-height: 1.2; }
.wo-theme-control-copy small { margin-top: 3px; color: var(--wo-theme-muted); font-size: .7rem; line-height: 1.4; }
.wo-theme-options {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 3px;
    background: var(--wo-theme-surface);
    border: 1px solid var(--wo-theme-line);
    border-radius: 7px;
}
.wo-theme-options button {
    min-width: 0;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 5px;
    color: var(--wo-theme-muted);
    background: transparent;
    border: 0;
    border-radius: 5px;
    font: 750 .68rem/1.1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.wo-theme-options button:active { transform: translateY(1px); }
.wo-theme-options button:hover { color: var(--wo-theme-text); background: var(--wo-theme-surface-soft); }
.wo-theme-options button.is-active {
    color: var(--wo-theme-accent-text);
    background: var(--wo-theme-accent);
    box-shadow: 0 1px 4px rgba(19, 40, 29, .16);
}
.wo-theme-options button:focus-visible { outline: 3px solid rgba(52, 93, 73, .42); outline: 3px solid color-mix(in srgb, var(--wo-theme-accent) 42%, transparent); outline-offset: 2px; }
.wo-theme-control--sheet { margin: 0 6px; }
.public-oak-app .appearance-settings { margin: 22px 20px 0; }

html[data-wo-theme="dark"] {
    color-scheme: dark;
    --wo-theme-page: #101713;
    --wo-theme-surface: #18211d;
    --wo-theme-surface-soft: #202b25;
    --wo-theme-text: #f2f4f1;
    --wo-theme-muted: #b6c0b9;
    --wo-theme-line: #35423b;
    --wo-theme-accent: #83b795;
    --wo-theme-accent-text: #101713;
    --oak-white: #18211d;
    --oak-page: #101713;
    --oak-ink: #f2f4f1;
    --oak-muted: #b6c0b9;
    --oak-quiet: #8d9991;
    --oak-line: #35423b;
    --oak-line-strong: #46554d;
    --oak-forest: #83b795;
    --oak-forest-deep: #d8ecdf;
    --oak-sage: #223229;
    --oak-sage-strong: #2a3d32;
    --oak-gold: #d5b45d;
    --oak-gold-soft: #342e20;
    --oak-coral: #ef8d79;
    --oak-coral-soft: #3b2622;
    --shell-page: #101713;
    --shell-paper: #18211d;
    --shell-soft: #202b25;
    --shell-ink: #f2f4f1;
    --shell-muted: #b6c0b9;
    --shell-quiet: #8d9991;
    --shell-line: #35423b;
    --shell-forest: #83b795;
    --shell-forest-dark: #d8ecdf;
    --shell-forest-soft: #223229;
    --shell-gold: #d5b45d;
    --shell-gold-soft: #342e20;
}

html[data-wo-theme="dark"],
html[data-wo-theme="dark"] body { background: #101713; color: #f2f4f1; }

html[data-wo-theme="dark"] body.public-oak-app {
    --paper: #101713;
    --white: #18211d;
    --ink: #f2f4f1;
    --muted: #b6c0b9;
    --line: #35423b;
    --green: #d8ecdf;
    --green-2: #83b795;
    --green-soft: #223229;
    --coral: #ef8d79;
    --coral-soft: #3b2622;
    --swimwear: #91b8a0;
    --swimwear-dark: #d5e9dc;
    --swimwear-soft: #24372d;
    --swimwear-line: #496052;
    --oak: #d5b45d;
}

body.public-oak-app .page-header:is(.team-header, .reservation-header, .practical-header),
body.public-oak-app .page-header:is(.team-header, .reservation-header, .practical-header) :is(h1, .eyebrow) {
    color: #fff;
}

html[data-wo-theme="dark"] body.internal-oak-app {
    --page: #101713;
    --paper: #18211d;
    --paper-soft: #202b25;
    --ink: #f2f4f1;
    --muted: #b6c0b9;
    --quiet: #8d9991;
    --line: #35423b;
    --line-strong: #46554d;
    --forest: #83b795;
    --forest-dark: #d8ecdf;
    --forest-soft: #223229;
    --coral: #ef8d79;
    --coral-soft: #3b2622;
    --gold: #d5b45d;
    --gold-soft: #342e20;
    --blue: #8eb9d2;
    --blue-soft: #1e303a;
}

html[data-wo-theme="dark"] :is(input, textarea, select) { color-scheme: dark; }
html[data-wo-theme="dark"] ::placeholder { color: #89958d; opacity: 1; }

/* Shared app chrome */
html[data-wo-theme="dark"] :is(.asn-header, .concept-header) { background: rgba(16, 23, 19, .96) !important; border-color: #35423b !important; }
html[data-wo-theme="dark"] :is(.asn-bottom-nav, .internal-oak-app .asn-bottom-nav, .public-oak-app .bottom-nav) {
    color: #b6c0b9;
    background: rgba(16, 23, 19, .98) !important;
    border-color: #35423b !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .2);
}
html[data-wo-theme="dark"] :is(.asn-brand img, .public-oak-app .brand img, .page-header > img, .calendar-brand-header img) { filter: brightness(0) invert(1); }
html[data-wo-theme="dark"] .public-oak-app .hero { background: rgba(16, 23, 19, .97); }
html[data-wo-theme="dark"] .public-oak-app .language-switch { background: rgba(24, 33, 29, .98); }
html[data-wo-theme="dark"] .public-oak-app .language-switch button.is-active { color: #101713; background: #83b795; }
html[data-wo-theme="dark"] .public-oak-app .programme-freshness { color: #bfe0ca; }
html[data-wo-theme="dark"] .public-oak-app .app-status-open { color: #c2ccc5; text-decoration-color: #738078; }
html[data-wo-theme="dark"] .public-oak-app .bottom-nav .is-active,
html[data-wo-theme="dark"] .internal-oak-app .asn-bottom-nav .is-active { color: #a6d0b3; }

/* Primary surfaces and cards */
html[data-wo-theme="dark"] body.public-oak-app :is(
    .guest-app, .day-picker, .moment-overview, .day-panel, .phone-policy, .app-install,
    .room-guide, .practical-list, .screen-mode-link, .app-info, .calendar-shell,
    .calendar-panel, .calendar-day-detail, .team-directory, .team-toolbar, .host-card,
    .booking-intro, .booking-boundary, .booking-actions, .staff-planner-link,
    .developer-contact-button, .release-notes-trigger, .day-closing
) { color: #f2f4f1; background-color: #18211d; border-color: #35423b; }

html[data-wo-theme="dark"] body.internal-oak-app :is(
    .scope-switch, .day-control, .focus-band, .focus-session, .schedule-panel, .side-panel,
    .sidebar-card, .calendar-panel, .team-panel, .status-panel, .guest-app-launch,
    .developer-contact-button, .developer-credit
) { color: #f2f4f1; background-color: #18211d !important; border-color: #35423b !important; }

html[data-wo-theme="dark"] body.public-oak-app :is(.day-row, .team-filter, .calendar-filter) ,
html[data-wo-theme="dark"] body.internal-oak-app :is(.day-row, .scope-switch) { background: #202b25; border-color: #35423b; }

html[data-wo-theme="dark"] body.public-oak-app :is(.day-button:hover, .moment-session:hover) { background: #202b25; }
html[data-wo-theme="dark"] body.internal-oak-app .day-button:hover { background: #202b25; }
html[data-wo-theme="dark"] body.public-oak-app .day-button.is-active,
html[data-wo-theme="dark"] body.internal-oak-app .day-button.is-active { color: #d8ecdf; background: #263a2f; }
html[data-wo-theme="dark"] body.public-oak-app .day-button.is-active :is(strong, span),
html[data-wo-theme="dark"] body.internal-oak-app .day-button.is-active :is(strong, span) { color: inherit; }

html[data-wo-theme="dark"] body.public-oak-app :is(.moment-session.is-preparing, .moment-session.is-special) { background: #2b291f; border-color: #65593a; }
html[data-wo-theme="dark"] body.public-oak-app :is(.moment-session.is-soon, .moment-session.is-imminent) { background: #30211e; border-color: #71463d; }
html[data-wo-theme="dark"] body.public-oak-app .moment-session.is-live { background: #1e3026; border-color: #456c54; }
html[data-wo-theme="dark"] body.internal-oak-app .focus-session.is-preparing { background: #2b291f; border-color: #65593a; }
html[data-wo-theme="dark"] body.internal-oak-app :is(.focus-session.is-soon, .focus-session.is-imminent) { background: #30211e; border-color: #71463d; }
html[data-wo-theme="dark"] body.internal-oak-app .focus-session.is-live { background: #1e3026; border-color: #456c54; }

/* Internal day programme uses a few intentionally warm light-only surfaces. */
html[data-wo-theme="dark"] body.internal-oak-app .internal-event-media {
    color: #f2f4f1;
    background: #1d241f;
    border-color: #665a34;
    box-shadow: inset 4px 0 0 #d5b45d;
}
html[data-wo-theme="dark"] body.internal-oak-app :is(.internal-flyer, .internal-flyer.is-experience) {
    color: #f2f4f1;
    background: #202b25;
    border-color: #46554d;
    box-shadow: none;
}
html[data-wo-theme="dark"] body.internal-oak-app :is(.internal-event-media-head small, .internal-flyer-copy small) { color: #b6c0b9; }
html[data-wo-theme="dark"] body.internal-oak-app :is(.internal-event-media-head span, .internal-flyer-copy span) { color: #e0c776; }
html[data-wo-theme="dark"] body.internal-oak-app .internal-flyer-open { color: #101713; background: #83b795; }
html[data-wo-theme="dark"] body.internal-oak-app .team-message {
    color: #f2f4f1;
    background: #2b291f;
    border-color: #665a34;
}
html[data-wo-theme="dark"] body.internal-oak-app .team-message :is(h3, .team-message-names) { color: #f2f4f1; }
html[data-wo-theme="dark"] body.internal-oak-app .team-message :is(.team-message-label, p) { color: #d9c98f; }
html[data-wo-theme="dark"] body.internal-oak-app .action-item {
    color: #f2f4f1;
    background: #202b25;
    border-color: #35423b;
}
html[data-wo-theme="dark"] body.internal-oak-app .action-item:hover { background: #26332c; }
html[data-wo-theme="dark"] body.internal-oak-app .action-copy strong { color: #f2f4f1; }
html[data-wo-theme="dark"] body.internal-oak-app .action-copy span { color: #b6c0b9; }
html[data-wo-theme="dark"] body.internal-oak-app :is(.scope-notice-icon, .day-control-sources span, .context-chip, .session-info-button, .calendar-action) {
    color: #d8ecdf;
    background: #202b25;
    border-color: #46554d;
}
html[data-wo-theme="dark"] body.internal-oak-app .context-chip.is-event { color: #f1e4be; background: #342e20; border-color: #6e5c2d; }
html[data-wo-theme="dark"] body.internal-oak-app .context-chip.is-theme { color: #f1e4be; background: #342e20; border-color: #756438; }
html[data-wo-theme="dark"] body.internal-oak-app .context-chip.is-sound { color: #bed7e5; background: #1e303a; border-color: #3e5b6a; }
html[data-wo-theme="dark"] body.internal-oak-app .session-time small {
    color: #f1e4be;
    background: #342e20;
    border-color: #756438;
}
html[data-wo-theme="dark"] body.internal-oak-app .session-row:hover { background: #202b25; }
html[data-wo-theme="dark"] body.internal-oak-app :is(.session-row.is-live-special, .session-row.is-current-focus[data-stage="soon"], .session-row.is-current-focus[data-stage="preparing"]) {
    background: #2b291f;
    border-color: #665a34;
}
html[data-wo-theme="dark"] body.internal-oak-app :is(.session-row.is-current-focus, .session-row[data-stage="live"]) {
    background: #1e3026;
    border-color: #456c54;
}
html[data-wo-theme="dark"] body.internal-oak-app .session-row[data-stage="afterglow"] { background: #202b25; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-featured-session {
    color: #f2f4f1;
    background: #202b25;
    border-color: #665a34;
    box-shadow: inset 4px 0 0 #d5b45d;
}
html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-live-special {
    color: #f2f4f1;
    background: #2b291f;
    border-color: #665a34;
}
html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-live { background: #1e3026; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-afterglow { background: #202b25; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-soon { background: #30211e; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-preparing { background: #2b291f; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row :is(time, .timeline-copy strong) { color: #f2f4f1; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-copy > span { color: #b6c0b9; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-mobile-room { color: #d8ecdf; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-mobile-room::before { box-shadow: 0 0 0 3px #223229; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-facts { color: #c2ccc5; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-live-with { color: #f1e4be; background: #342e20; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row > .chevron { color: #d8ecdf; border-color: #52635a; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-state { color: #d8ecdf; background: #263a2f; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-live .timeline-state { color: #101713; background: #83b795; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-imminent .timeline-state { color: #101713; background: #ef8d79; }
html[data-wo-theme="dark"] body.public-oak-app .timeline-row .session-avatar-fallback {
    color: #f1e4be;
    background: #26372e;
    border-color: #70877a;
}
html[data-wo-theme="dark"] body.internal-oak-app :is(.experience-dialog, .status-dialog) {
    color: #f2f4f1;
    background: #18211d;
    border-color: #35423b;
}
html[data-wo-theme="dark"] body.internal-oak-app .experience-photo-section { border-color: #35423b; }
html[data-wo-theme="dark"] body.internal-oak-app .experience-photo-head h3 { color: #d8ecdf; }
html[data-wo-theme="dark"] body.internal-oak-app .experience-photo-head p { color: #b6c0b9; }
html[data-wo-theme="dark"] body.internal-oak-app .experience-photo-card { color: #f2f4f1; background: #202b25; border-color: #46554d; }
html[data-wo-theme="dark"] body.internal-oak-app .experience-ticket { color: #f1e4be; background: #342e20; border-color: #d5b45d; }
html[data-wo-theme="dark"] body.internal-oak-app .calendar-cell { color: #b6c0b9; background: #18211d; }
html[data-wo-theme="dark"] body.internal-oak-app .calendar-cell.is-past:not(.is-today) { color: #7f8a83; background: #151d19; }
html[data-wo-theme="dark"] body.internal-oak-app .calendar-cell.is-today {
    color: #101713;
    background: #9ac8aa;
    box-shadow: inset 0 0 0 1px #bfe0ca;
}
html[data-wo-theme="dark"] body.internal-oak-app .calendar-cell.is-badkleding:not(.is-today) {
    color: #d8ecdf;
    background: #20352b;
    box-shadow: inset 0 0 0 1px #5c8069;
}
html[data-wo-theme="dark"] body.internal-oak-app .calendar-legend i:not(.legend-event) {
    background: #20352b;
    border-color: #5c8069;
}
html[data-wo-theme="dark"] body.internal-oak-app .calendar-cell.has-status-event { color: #f1e4be; background: #342e20; box-shadow: inset 0 0 0 1px #6e5c2d; }
html[data-wo-theme="dark"] body.internal-oak-app .calendar-cell.is-today.has-status-event {
    color: #101713;
    background: #9ac8aa;
    box-shadow: inset 0 0 0 1px #bfe0ca;
}

html[data-wo-theme="dark"] :is(.daily-motto, .focus-daily) { color: #f1e4be !important; background: #342e20 !important; }
html[data-wo-theme="dark"] :is(.daily-motto, .focus-daily) :is(span, p) { color: inherit !important; }
html[data-wo-theme="dark"] :is(.theme-band.event-band, .agenda-cta-banner) { color: #f1e4be !important; background: #342e20 !important; border-color: #6e5c2d !important; }
html[data-wo-theme="dark"] :is(.phone-policy-home, .phone-policy-practical) { background: #241d1b !important; border-color: #67463f !important; }

/* Forms, dialogs and secondary panels */
html[data-wo-theme="dark"] body.public-oak-app :is(
    dialog, .guest-contact-dialog, .app-status-dialog, .session-dialog,
    .guest-contact-dialog-body, .guest-contact-dialog-head, .guest-contact-form,
    .offline-repair, .large-text-control
) { color: #f2f4f1; background: #18211d; border-color: #35423b; }
html[data-wo-theme="dark"] body.public-oak-app .guest-contact-dialog-head { background: #202b25; }
html[data-wo-theme="dark"] body.public-oak-app .guest-contact-dialog-body { background: #141c18; }
html[data-wo-theme="dark"] body.public-oak-app :is(.guest-contact-message p, .guest-contact-quick-link, .guest-contact-form input, .guest-contact-form textarea, .app-status-close, .dialog-close) {
    color: #f2f4f1;
    background: #202b25;
    border-color: #46554d;
}
html[data-wo-theme="dark"] body.public-oak-app .guest-contact-quick-link.is-whatsapp { color: #fff; background: #218d4d; border-color: #2da85d; }
html[data-wo-theme="dark"] body.public-oak-app .guest-contact-submit { color: #101713; background: #83b795; border-color: #83b795; }
html[data-wo-theme="dark"] body.public-oak-app .dialog-media-caption { background: rgba(16, 23, 19, .88); }
html[data-wo-theme="dark"] body.public-oak-app .detail-experience-section { border-color: #35423b; }
html[data-wo-theme="dark"] body.public-oak-app .detail-experience-section > header h3 { color: #d8ecdf; }
html[data-wo-theme="dark"] body.public-oak-app .detail-experience-section > header p { color: #b6c0b9; }
html[data-wo-theme="dark"] body.public-oak-app .detail-experience-photo { color: #f2f4f1; background: #202b25; border-color: #46554d; }

/* Internal app pages built on the shared light shell */
html[data-wo-theme="dark"] body.app-shell-light { background: #101713 !important; color: #f2f4f1; }
html[data-wo-theme="dark"] body.page-personal-planning .action-bar { background: rgba(16, 23, 19, .97) !important; }
html[data-wo-theme="dark"] body.page-personal-planning .week-label { background: rgba(16, 23, 19, .96) !important; }
html[data-wo-theme="dark"] body.page-personal-planning :is(.agenda-cta-banner, .acb-note) { color: #f1e4be !important; background: #342e20 !important; border-color: #6e5c2d !important; }
html[data-wo-theme="dark"] body.page-personal-planning :is(.acb-title, .acb-desc, .acb-desc strong, .acb-note, .acb-note strong) { color: #f1e4be !important; }
html[data-wo-theme="dark"] body.page-personal-planning :is(.planning-control-icon, .planning-control-btn, .dc-time, .next-cta-secondary, .install-btn) { border-color: #496052; }
html[data-wo-theme="dark"] body.page-personal-planning .next-card.is-live .next-status-pill { color: #ffb19f; background: #3b2622; }
html[data-wo-theme="dark"] body.page-personal-planning .planning-control[data-state="ok"] :is(.planning-control-icon, .planning-control-state) { color: var(--plan-success-text); }
html[data-wo-theme="dark"] body.page-personal-planning .planning-control[data-state="warning"] :is(.planning-control-icon, .planning-control-state) { color: var(--plan-warning-text); }
html[data-wo-theme="dark"] body.page-personal-planning .planning-control[data-state="error"] :is(.planning-control-icon, .planning-control-state) { color: var(--plan-alert-text); }
html[data-wo-theme="dark"] body.page-personal-planning .next-meta-line.sound,
html[data-wo-theme="dark"] body.page-personal-planning .next-meta-line.sound strong { color: var(--plan-purple-text) !important; }
html[data-wo-theme="dark"] body.page-personal-planning .next-card.is-soon .next-status-pill {
    color: var(--plan-warning-text);
    background: var(--plan-warning-bg);
    border-color: var(--plan-warning-line);
}
html[data-wo-theme="dark"] body.page-personal-planning .dash-strip-day.is-draft {
    color: var(--plan-alert-text);
    background: var(--plan-alert-bg);
    border-color: var(--plan-alert-line);
}
html[data-wo-theme="dark"] body.page-personal-planning .dash-strip-day.is-pending {
    color: var(--plan-warning-text);
    background: var(--plan-warning-bg);
    border-color: var(--plan-warning-line);
}
html[data-wo-theme="dark"] body.page-personal-planning .agenda-status.connected { color: #bfe0c9; background: #203529; border-color: #45644f; }
html[data-wo-theme="dark"] body.page-personal-planning .agenda-status.connected :is(strong, .agenda-link) { color: #bfe0c9; }
html[data-wo-theme="dark"] body.page-personal-planning :is(.dash-strip-day.is-others, .mn-cell.is-other-month) { background: #151d19; }

/* Internal team directory */
html[data-wo-theme="dark"] body.page-profiel {
    --team-white: #18211d;
    --team-paper: #101713;
    --team-ink: #f2f4f1;
    --team-muted: #b6c0b9;
    --team-green: #d8ecdf;
    --team-green-soft: #223229;
    --team-line: #35423b;
    --team-gold: #f1e4be;
    --team-gold-soft: #342e20;
    --team-live: #ffb19f;
    --team-live-soft: #3b2622;
    background: #101713 !important;
}
html[data-wo-theme="dark"] body.page-profiel .pf-search {
    color: #d8ecdf;
    background: #18211d;
    border-color: #46554d;
}
html[data-wo-theme="dark"] body.page-profiel .pf-search input { color: #f2f4f1; }
html[data-wo-theme="dark"] body.page-profiel .pf-search input::placeholder { color: #9eaaa2; }
html[data-wo-theme="dark"] body.page-profiel .pf-search-clear { color: #b6c0b9; }
html[data-wo-theme="dark"] body.page-profiel .pf-filters {
    background: #151d19;
    border: 1px solid #35423b;
}
html[data-wo-theme="dark"] body.page-profiel .pf-filter { color: #b6c0b9; }
html[data-wo-theme="dark"] body.page-profiel .pf-filter.is-active {
    color: #d8ecdf;
    background: #263a2f;
    box-shadow: none;
}
html[data-wo-theme="dark"] body.page-profiel .pf-card {
    color: #f2f4f1;
    background: #18211d;
    border-color: #35423b;
}
html[data-wo-theme="dark"] body.page-profiel .pf-card:hover {
    background: #202b25;
    border-color: #52635a;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
}
html[data-wo-theme="dark"] body.page-profiel .pf-name { color: #d8ecdf; }
html[data-wo-theme="dark"] body.page-profiel .pf-description,
html[data-wo-theme="dark"] body.page-profiel .pf-planning-status { color: #b6c0b9; }
html[data-wo-theme="dark"] body.page-profiel .pf-planning-status.is-live { color: #ffb19f; }
html[data-wo-theme="dark"] body.page-profiel .pf-planning-status.is-today { color: #f1e4be; }
html[data-wo-theme="dark"] body.page-profiel .pf-chevron { color: #9eaaa2; }
html[data-wo-theme="dark"] body.page-profiel .pf-role.is-opgieter { color: #d8ecdf; background: #223229; }
html[data-wo-theme="dark"] body.page-profiel .pf-role.is-sound { color: #f1e4be; background: #342e20; }
html[data-wo-theme="dark"] body.page-profiel .pf-role { font-size: .66rem; }
html[data-wo-theme="dark"] body.page-profiel .pf-description { font-size: .72rem; line-height: 1.5; }
html[data-wo-theme="dark"] body.page-profiel .pf-planning-status { font-size: .68rem; }
html[data-wo-theme="dark"] body.page-profiel .pf-portrait { color: #d8ecdf; background: #20352b; }
html[data-wo-theme="dark"] body.page-profiel .pf-portrait.tone-1 { color: #ffb7aa; background: #382421; }
html[data-wo-theme="dark"] body.page-profiel .pf-portrait.tone-2 { color: #d9c4af; background: #302b26; }
html[data-wo-theme="dark"] body.page-profiel .pf-portrait.tone-3 { color: #bcd9e5; background: #21303a; }
html[data-wo-theme="dark"] body.page-profiel .pf-empty { color: #b6c0b9; border-color: #35423b; }
html[data-wo-theme="dark"] body.page-profiel .pf-empty strong { color: #d8ecdf; }
html[data-wo-theme="dark"] body.page-profiel .pf-bottom-cta {
    color: #d8ecdf;
    background: #18211d;
    border-color: #46554d;
}

html[data-wo-theme="dark"] body.page-month .mn-cell.is-other-month { background: #151d19; }
html[data-wo-theme="dark"] body.page-month .mn-ov-tile.is-extra .mn-ov-num { color: var(--plan-warning-text, #f1e4be) !important; }
html[data-wo-theme="dark"] body.page-month .mn-ov-tile.is-opgeruimd .mn-ov-num { color: var(--plan-alert-text, #ffb19f) !important; }
html[data-wo-theme="dark"] body.page-month .rt-session.room-hamam { background: #382421; border-color: #6d4540; }
html[data-wo-theme="dark"] body.page-month .rt-session.room-shou { background: #2d2635; border-color: #554565; }
html[data-wo-theme="dark"] body.page-month .rt-session.room-panorama { background: #21303a; border-color: #3e5b6a; }
html[data-wo-theme="dark"] body.page-month .rt-session.room-barn { background: #342e20; border-color: #665a34; }
html[data-wo-theme="dark"] body.page-month .rt-time-pill { background: rgba(16, 23, 19, .72) !important; }

/* More sheet and PDF chooser */
html[data-wo-theme="dark"] body.app-shell-light :is(.more-sheet-card, .user-switcher-sheet, .opgieters-sheet-panel),
html[data-wo-theme="dark"] body.internal-oak-app :is(.more-sheet-card, .user-switcher-sheet, .opgieters-sheet-panel) {
    color: #f2f4f1;
    background: #18211d;
    border-color: #35423b;
}
html[data-wo-theme="dark"] :is(.more-sheet-label, .more-sheet-item-text small, .user-switcher-subtitle) { color: #a8b4ac !important; }
html[data-wo-theme="dark"] :is(.more-sheet-item, .more-sheet-item-text strong, .more-sheet-monthpick > summary, .us-name) { color: #f2f4f1 !important; }
html[data-wo-theme="dark"] :is(.more-sheet-item:hover, .more-sheet-monthpick > summary:hover) { background: #202b25; }
html[data-wo-theme="dark"] :is(.more-sheet-item-ico, .us-card) { color: #d8ecdf; background: #223229 !important; border-color: #35423b !important; }
html[data-wo-theme="dark"] .pdf-choice-card { color: #f2f4f1; background: #18211d; border-color: #35423b; }
html[data-wo-theme="dark"] .pdf-choice-card :is(.pdf-choice-option, .pdf-choice-months, .pdf-choice-month-row, .pdf-choice-actions .pdf-pair-btn, .ms-mp-icon, .pdf-choice-close) {
    color: #f2f4f1;
    background: #202b25;
    border-color: #46554d;
}
html[data-wo-theme="dark"] .pdf-choice-card :is(.pdf-choice-title strong, .pdf-choice-copy strong, .pdf-choice-month-name, .pdf-choice-months .more-sheet-item-text strong) { color: #f2f4f1; }
html[data-wo-theme="dark"] .pdf-choice-card :is(.pdf-choice-title span, .pdf-choice-copy small, .pdf-choice-label, .pdf-choice-months .more-sheet-item-text small) { color: #b6c0b9; }
html[data-wo-theme="dark"] .pdf-choice-card .pdf-choice-option.is-current { background: #2b291f; border-color: #756438; }
html[data-wo-theme="dark"] .pdf-choice-card .pdf-choice-fresh { color: #c8e4d2; background: #203529; border-color: #83b795; }
html[data-wo-theme="dark"] .pdf-choice-card .pdf-choice-fresh strong { color: #e1f2e7; }
html[data-wo-theme="dark"] .pdf-choice-actions .pdf-pair-save { color: #101713 !important; background: #83b795 !important; border-color: #83b795 !important; }

/* Calendar, practical information and release history */
html[data-wo-theme="dark"] body.public-oak-app :is(.calendar-cell, .calendar-day, .calendar-detail-session, .practical-list > section, .room-card, .host-card, .app-info-meta > div) {
    color: #f2f4f1;
    background: #18211d;
    border-color: #35423b;
}
html[data-wo-theme="dark"] body.public-oak-app :is(.calendar-cell.is-other-month, .team-empty, .moment-empty) { background: #151d19; }
html[data-wo-theme="dark"] body.public-oak-app :is(.calendar-cell.is-today, .calendar-day.is-today) { background: #24372d; border-color: #5c8069; }
html[data-wo-theme="dark"] body.public-oak-app :is(.screen-mode-link:hover, .release-notes-trigger:hover, .staff-planner-link:hover, .developer-contact-button:hover) { background: #202b25; }
html[data-wo-theme="dark"] body.public-oak-app .update-status { color: #b6c0b9; background: #202b25; }
html[data-wo-theme="dark"] body.public-oak-app .day-closing blockquote { color: #f2f4f1; background: #202b25; }

/* Readability on time-sensitive and photographic surfaces needs literal foreground colors. */
html[data-wo-theme="dark"] body.internal-oak-app .skip-link {
    color: #101713;
    background: #bfe0ca;
}
html[data-wo-theme="dark"] body.public-oak-app .day-clothing,
html[data-wo-theme="dark"] body.internal-oak-app .day-clothing { color: #a9c9b5; }
html[data-wo-theme="dark"] body.public-oak-app .day-button.is-active .day-clothing,
html[data-wo-theme="dark"] body.internal-oak-app .day-button.is-active .day-clothing { color: #c8e4d2; }
html[data-wo-theme="dark"] body.internal-oak-app .badkleding-banner {
    color: #e1f2e7;
    background: #20352b;
    border-color: #5c8069;
    box-shadow: inset 4px 0 0 #83b795;
}
html[data-wo-theme="dark"] body.internal-oak-app .badkleding-banner strong { color: #f2f4f1; }
html[data-wo-theme="dark"] body.internal-oak-app .badkleding-banner span:last-child { color: #c2ccc5; }
html[data-wo-theme="dark"] body.internal-oak-app .badkleding-icon {
    color: #101713;
    background: #9ac8aa;
}
html[data-wo-theme="dark"] body.internal-oak-app .day-control-status {
    color: #d8ecdf;
    background: #223229;
    border-color: #46554d;
}
html[data-wo-theme="dark"] body.internal-oak-app .day-control.has-warnings .day-control-status {
    color: #f1e4be;
    background: #3a311f;
    border-color: #756438;
}
html[data-wo-theme="dark"] body.internal-oak-app .day-control.has-info .day-control-status {
    color: #bcd9e5;
    background: #21303a;
    border-color: #3e5b6a;
}
html[data-wo-theme="dark"] body.internal-oak-app .day-control.has-errors .day-control-status {
    color: #ffb7aa;
    background: #382421;
    border-color: #6d4540;
}
html[data-wo-theme="dark"] body.internal-oak-app .day-control-list li {
    color: #d4ddd6;
    background: #202b25;
}
html[data-wo-theme="dark"] body.internal-oak-app .focus-time {
    color: #f7faf8;
    background: rgba(28, 76, 53, .96);
}
html[data-wo-theme="dark"] body.internal-oak-app .focus-state {
    color: #c8e4d2;
    background: #223229;
    border-color: #5c8069;
}
html[data-wo-theme="dark"] body.internal-oak-app .focus-state.is-preparing {
    color: #f1e4be;
    background: #342e20;
    border-color: #756438;
}
html[data-wo-theme="dark"] body.internal-oak-app :is(.focus-state.is-soon, .focus-state.is-imminent) {
    color: #ffb7aa;
    background: #3b2622;
    border-color: #7a4b42;
}
html[data-wo-theme="dark"] body.internal-oak-app .focus-state.is-live {
    color: #101713;
    background: #9ac8aa;
    border-color: #bfe0ca;
}
html[data-wo-theme="dark"] body.internal-oak-app .session-person small.is-live-partner { color: #f1e4be; }

html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition .session-avatar.is-fallback {
    color: #f1e4be;
    background-color: #26372e;
    border-color: #70877a;
}
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info {
    color: #f2f4f1;
    background: #28271f;
    border-color: #6e603a;
    border-left-color: #d5b45d;
}
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info img { background: #1b211d; }
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info-copy small,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info-copy > strong,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-booking small { color: #e0c776; }
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info-copy h3,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info-copy li b,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info-copy a,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-booking a,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info .internal-event-people-title strong { color: #f2f4f1; }
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info-copy > p,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info-copy li,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-booking strong,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info .internal-event-people-title > small,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info .internal-event-people-group-head small { color: #c2ccc5; }
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info-copy li,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-booking,
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info .internal-event-people { border-color: #5e5435; }
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info .internal-event-person {
    color: #f2f4f1;
    background: #202b25;
    border-color: #526359;
}
html[data-wo-theme="dark"] body.internal-oak-app .experience-event-info .internal-event-person:hover {
    color: #fff;
    background: #26342d;
}

html[data-wo-theme="dark"] :is(.user-switcher-toolbar, .user-switcher-list) {
    color: #f2f4f1;
    background: #18211d;
    border-color: #35423b;
}
html[data-wo-theme="dark"] .user-switcher-handle { background: #52635a; }
html[data-wo-theme="dark"] :is(.user-switcher-title, .us-current-name) { color: #f2f4f1; }
html[data-wo-theme="dark"] :is(.user-switcher-subtitle, .us-card-copy small, .us-card-arrow, .us-section-chev, .us-no-match) { color: #b6c0b9 !important; }
html[data-wo-theme="dark"] .user-switcher-close {
    color: #d8ecdf;
    background: #202b25;
    border-color: #46554d;
}
html[data-wo-theme="dark"] .us-current {
    color: #f2f4f1;
    background: #20352b;
    border-color: #5c8069;
}
html[data-wo-theme="dark"] .us-current-label { color: #c8e4d2; }
html[data-wo-theme="dark"] .us-current-badge {
    color: #101713;
    background: #9ac8aa;
    border-color: #9ac8aa;
}
html[data-wo-theme="dark"] .us-search input {
    color: #f2f4f1;
    background: #202b25;
    border-color: #46554d;
}
html[data-wo-theme="dark"] .us-search-icon { color: #c2ccc5; }
html[data-wo-theme="dark"] .us-search-clear { color: #d8ecdf; background: #2b3931; }
html[data-wo-theme="dark"] .us-section-label span:first-child { color: #d8ecdf; }
html[data-wo-theme="dark"] .us-section-count { color: #c2ccc5; background: #202b25; }
html[data-wo-theme="dark"] .us-section-label-healer span:first-child { color: #decbea; }
html[data-wo-theme="dark"] .us-section-label-healer .us-section-count { color: #decbea; background: #2d2635; }
html[data-wo-theme="dark"] .us-card-healer { background: #241f29 !important; border-color: #554565 !important; }

html[data-wo-theme="dark"] .cw-developer-credit {
    color: #f2f4f1;
    background: #18211d;
    border-color: #35423b;
}
html[data-wo-theme="dark"] .cw-developer-copy small { color: #b6c0b9; }
html[data-wo-theme="dark"] .cw-developer-copy strong { color: #f2f4f1; }
html[data-wo-theme="dark"] :is(body.app-shell-light, body.page-personal-planning, body.internal-oak-app, body.public-oak-app) .cw-footer-contact,
html[data-wo-theme="dark"] .cw-developer-credit .cw-footer-contact {
    color: #d8ecdf;
    background: #202b25;
    border-color: #46554d;
}
html[data-wo-theme="dark"] :is(body.app-shell-light, body.page-personal-planning, body.internal-oak-app, body.public-oak-app) .cw-footer-contact-icon,
html[data-wo-theme="dark"] .cw-developer-credit .cw-footer-contact-icon {
    color: #101713;
    background: #83b795;
}
html[data-wo-theme="dark"] :is(body.app-shell-light, body.page-personal-planning, body.internal-oak-app, body.public-oak-app) .cw-footer-contact-copy small,
html[data-wo-theme="dark"] .cw-developer-credit .cw-footer-contact-copy small { color: #b6c0b9; }
html[data-wo-theme="dark"] .cw-footer-contact-arrow { color: #e0c776; }

html[data-wo-theme="dark"] body.public-oak-app .moment-room-media time {
    color: #f7faf8;
    background: rgba(28, 76, 53, .96);
}
html[data-wo-theme="dark"] body.public-oak-app :is(
    .hero, .hero-next, .hero-next-arrow, .moment-room-caption, .moment-room-caption strong,
    .event-brand-banner, .day-closing-head, .featured-session, .featured-live-message,
    .featured-route, .concurrent-session, .concurrent-host, .concurrent-action .chevron,
    .guest-flyer-preview.is-video::after, .dialog-close, .dialog-media-caption,
    .detail-aftercare, .detail-aftercare h3, .app-status-dialog-head
) { color: #fff; }
html[data-wo-theme="dark"] body.public-oak-app .moment-status {
    color: #c8e4d2;
    background: transparent;
    border: 0;
}
html[data-wo-theme="dark"] body.public-oak-app .moment-status::before { display: none; }
html[data-wo-theme="dark"] body.public-oak-app .moment-session.is-preparing .moment-status {
    color: #f1e4be;
    background: transparent;
}
html[data-wo-theme="dark"] body.public-oak-app :is(.moment-session.is-soon, .moment-session.is-imminent) .moment-status {
    color: #ffb7aa;
    background: transparent;
}
html[data-wo-theme="dark"] body.public-oak-app .moment-session.is-live .moment-status {
    color: #bfe0ca;
    background: transparent;
}
html[data-wo-theme="dark"] body.public-oak-app .moment-inline-time { color: #fff; }
html[data-wo-theme="dark"] body.public-oak-app .moment-avatars .session-avatar-fallback {
    color: #173c2e;
    background: #dce7df;
    border-color: #83a08f;
}
html[data-wo-theme="dark"] body.public-oak-app .timeline-row time small { color: #f1e4be; }
html[data-wo-theme="dark"] body.public-oak-app .moment-booking-facts,
html[data-wo-theme="dark"] body.public-oak-app .moment-compliment {
    color: #f1e4be;
    background: #342e20;
    border-left-color: #d5b45d;
}
html[data-wo-theme="dark"] body.public-oak-app .moment-compliment :is(small, strong) { color: inherit; }
html[data-wo-theme="dark"] body.public-oak-app .moment-experience {
    color: #c8e4d2;
    background: #223229;
    border-left-color: #83b795;
}
html[data-wo-theme="dark"] body.public-oak-app .moment-session.is-preparing .moment-experience {
    color: #f1e4be;
    background: #342e20;
    border-left-color: #d5b45d;
}
html[data-wo-theme="dark"] body.public-oak-app :is(.moment-session.is-soon, .moment-session.is-imminent) .moment-experience {
    color: #ffb7aa;
    background: #3b2622;
    border-left-color: #ef8d79;
}
html[data-wo-theme="dark"] body.public-oak-app :is(.moment-session.is-live, .moment-session.is-afterglow) .moment-experience {
    color: #c8e4d2;
    background: #20352b;
    border-left-color: #83b795;
}
html[data-wo-theme="dark"] body.public-oak-app .guest-event-media {
    color: #f2f4f1;
    background: #2b291f;
    border-color: #665a34;
}
html[data-wo-theme="dark"] body.public-oak-app .guest-event-media-head strong { color: #f2f4f1; }
html[data-wo-theme="dark"] body.public-oak-app .guest-event-media-head small { color: #c2ccc5; }
html[data-wo-theme="dark"] body.public-oak-app .guest-event-media-head span { color: #e0c776; }
html[data-wo-theme="dark"] body.public-oak-app :is(.guest-flyer, .guest-flyer.is-experience) {
    color: #f2f4f1;
    background: #202b25;
    border-color: #46554d;
}
html[data-wo-theme="dark"] body.public-oak-app .guest-flyer-copy strong { color: #d8ecdf; }
html[data-wo-theme="dark"] body.public-oak-app .guest-flyer-copy small { color: #b6c0b9; }
html[data-wo-theme="dark"] body.public-oak-app .guest-flyer-open { color: #101713; background: #9ac8aa; }
html[data-wo-theme="dark"] body.public-oak-app :is(
    .featured-session.is-imminent, .featured-session.is-live, .featured-session.is-afterglow,
    .featured-session.is-complete
) .featured-status,
html[data-wo-theme="dark"] body.public-oak-app :is(
    .concurrent-session.is-live, .concurrent-session.is-soon, .concurrent-session.is-afterglow
) .concurrent-state { color: #fff; }

@media (min-width: 840px) {
    html[data-wo-theme="dark"] body.public-oak-app .bottom-nav { background: #101713 !important; }
    html[data-wo-theme="dark"] body.public-oak-app .bottom-nav .nav-item { color: #b6c0b9; border-color: #35423b; }
    html[data-wo-theme="dark"] body.public-oak-app .bottom-nav .is-active { color: #d8ecdf; background: #202b25; }
}

@media (max-width: 420px) {
    .wo-theme-control { padding: 12px; }
    .wo-theme-options button { gap: 4px; font-size: .63rem; }
    .wo-theme-options svg { width: 16px; height: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .wo-theme-options button { transition: none; }
}

@media (max-width: 719px) {
    html[data-wo-theme="dark"] body.public-oak-app .timeline-row:is(.is-unassigned, .is-afterglow, .is-soon, .is-preparing, .is-imminent, .is-completed),
    html[data-wo-theme="dark"] body.internal-oak-app .session-row:is(.is-unassigned, [data-stage="afterglow"]) {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #35423b;
        border-radius: 0;
        box-shadow: none;
    }

    html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-featured-session,
    html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-live-special,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-current-focus,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-live-special {
        background: linear-gradient(90deg, rgba(209, 175, 81, .085), rgba(209, 175, 81, .018) 72%, transparent);
        border: 0;
        border-bottom: 1px solid #35423b;
        border-radius: 0;
        box-shadow: none;
    }

    html[data-wo-theme="dark"] body.public-oak-app .timeline-row.is-live,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-current-focus[data-stage="live"],
    html[data-wo-theme="dark"] body.internal-oak-app .session-row[data-stage="live"] {
        background: linear-gradient(90deg, rgba(111, 174, 132, .10), rgba(111, 174, 132, .02) 72%, transparent);
        border-bottom-color: #35423b;
        box-shadow: none;
    }

    html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-live-with,
    html[data-wo-theme="dark"] body.internal-oak-app .session-person small.is-live-partner {
        background: transparent;
        border-radius: 0;
    }
}

/* Dit bestand laadt na de layoutstylesheet; daarom wordt het donkere eventvlak hier geneutraliseerd. */
html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition .competition-session-theme,
html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition .session-person {
    color: #f4f5f2;
}
html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition .session-info-button {
    color: #dbe7df;
    background: rgba(255, 255, 255, .025);
    border-color: #56665d;
}
html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition .competition-color-card {
    color: #edf3ef;
    background: rgba(255, 255, 255, .04);
    border-color: #56635b;
}
html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition,
html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition.is-compact,
html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition.is-current-focus,
html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition.is-live-special,
html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition[data-stage] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #35423b;
    border-radius: 0;
    box-shadow: none;
}
html[data-wo-theme="dark"] body.internal-oak-app .competition-motion {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--session-accent) 36%, #35423b) 10%, color-mix(in srgb, var(--session-accent) 36%, #35423b) 90%, transparent);
}

/* De versiehistoriek deelt zijn basisstylesheet met beide apps en heeft daarom een eigen avondpalet. */
html[data-wo-theme="dark"] body.version-body {
    --paper: #101713;
    --white: #18211d;
    --ink: #f2f4f1;
    --muted: #b6c0b9;
    --line: #35423b;
    --green: #d8ecdf;
    --green-2: #83b795;
    --green-soft: #223229;
    --coral: #ef8d79;
    --coral-soft: #3b2622;
    background: #101713;
    color: #f2f4f1;
}
html[data-wo-theme="dark"] body.version-body .version-app,
html[data-wo-theme="dark"] body.version-body .version-main,
html[data-wo-theme="dark"] body.version-body .version-series-nav,
html[data-wo-theme="dark"] body.version-body .version-series,
html[data-wo-theme="dark"] body.version-body .version-entry { background: #18211d; border-color: #35423b; }
html[data-wo-theme="dark"] body.version-body .version-current {
    color: #f2f4f1;
    background: #203b2e;
    border-bottom: 1px solid #46554d;
}
html[data-wo-theme="dark"] body.version-body .version-current > p,
html[data-wo-theme="dark"] body.version-body .version-current time { color: #c5d1c9; }
html[data-wo-theme="dark"] body.version-body .version-current > div strong,
html[data-wo-theme="dark"] body.version-body .version-number {
    color: #101713;
    background: #9ac8aa;
}
html[data-wo-theme="dark"] body.version-body .version-series-nav a,
html[data-wo-theme="dark"] body.version-body .version-series > header h2,
html[data-wo-theme="dark"] body.version-body .version-entry summary { color: #f2f4f1; }
html[data-wo-theme="dark"] body.version-body .version-series > header { border-color: #83b795; }
html[data-wo-theme="dark"] body.version-body :is(.version-series-nav, .version-entry, .version-entry[open] summary) { border-color: #35423b; }
html[data-wo-theme="dark"] body.version-body :is(.version-series-nav span, .version-series > header span, .version-summary-copy time) { color: #b6c0b9; }
html[data-wo-theme="dark"] body.version-body .version-series > header p,
html[data-wo-theme="dark"] body.version-body .version-changes > p { color: #ffb19f; }
html[data-wo-theme="dark"] body.version-body .version-changes ul { color: #d5ddd8; }
html[data-wo-theme="dark"] body.version-body .version-technical section {
    color: #f2f4f1;
    background: #202b25;
    border-color: #72837a;
}
html[data-wo-theme="dark"] body.version-body .version-technical section.problem { background: #3b2622; border-color: #ef8d79; }
html[data-wo-theme="dark"] body.version-body .version-technical section.solution { background: #21362a; border-color: #83b795; }
html[data-wo-theme="dark"] body.version-body .version-technical section.technical { background: #342e20; border-color: #d5b45d; }
html[data-wo-theme="dark"] body.version-body .version-technical section.steps { background: #1e303a; border-color: #8eb9d2; }
html[data-wo-theme="dark"] body.version-body .version-technical strong { color: #f2f4f1; }
html[data-wo-theme="dark"] body.version-body .version-technical :is(p, ol) { color: #d5ddd8; }
html[data-wo-theme="dark"] body.version-body .version-code-examples-intro strong { color: #f2f4f1; }
html[data-wo-theme="dark"] body.version-body .version-code-examples-intro span { color: #d8ecdf; background: #223229; }
html[data-wo-theme="dark"] body.version-body .version-footer {
    color: #f2f4f1;
    background: #202b25;
    border-color: #35423b;
}
html[data-wo-theme="dark"] body.version-body .version-footer span { color: #b6c0b9; }
html[data-wo-theme="dark"] body.version-body .developer-photo { border-color: #46554d; }
html[data-wo-theme="dark"] body.version-body .developer-copy span { color: #b6c0b9; }
html[data-wo-theme="dark"] body.version-body .developer-copy strong { color: #f2f4f1; }
html[data-wo-theme="dark"] body.version-body .version-footer > a img { filter: brightness(0) invert(1); opacity: .9; }
html[data-wo-theme="dark"] body.version-body .version-hero,
html[data-wo-theme="dark"] body.version-body .version-hero :is(.version-back, h1) { color: #fff; }

@media (max-width: 719px) {
    html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition.is-compact,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition.is-current-focus,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition.is-live-special,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition[data-stage] {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #35423b;
        border-radius: 0;
        box-shadow: none;
    }
    html[data-wo-theme="dark"] body.internal-oak-app .session-row.is-herbal-competition .session-time small {
        color: #f4e6b7;
        background: color-mix(in srgb, var(--session-accent) 9%, transparent);
        border-color: color-mix(in srgb, var(--session-accent) 74%, #4b554f);
    }
}

@media (max-width: 719px) {
    html[data-wo-theme="dark"] body.internal-oak-app .focus-band,
    html[data-wo-theme="dark"] body.internal-oak-app .focus-session,
    html[data-wo-theme="dark"] body.internal-oak-app .focus-session:is(.is-preparing, .is-soon, .is-imminent, .is-live, .is-live-special) {
        background: transparent !important;
        border: 0;
        border-bottom: 1px solid #35423b;
        border-radius: 0;
        box-shadow: none;
    }

    html[data-wo-theme="dark"] body.public-oak-app .timeline-row,
    html[data-wo-theme="dark"] body.public-oak-app .timeline-row:is(.is-compact, .is-featured-session, .is-live-special, .is-live, .is-unassigned, .is-past, .is-afterglow, .is-soon, .is-preparing, .is-imminent, .is-completed),
    html[data-wo-theme="dark"] body.internal-oak-app .session-row,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row:is(.is-compact, .is-current-focus, .is-live-special, .is-unassigned, .is-completed),
    html[data-wo-theme="dark"] body.internal-oak-app .session-row[data-stage] {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #35423b;
        border-radius: 0;
        box-shadow: none;
    }

    html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-start-signal,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row .row-start-signal,
    html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-start-signal:is(.is-soon, .is-imminent, .is-live, .is-afterglow),
    html[data-wo-theme="dark"] body.internal-oak-app .session-row .row-start-signal:is(.is-soon, .is-imminent, .is-live, .is-afterglow) {
        color: #b6c0b9;
        background: transparent;
        border: 0;
        border-top: 1px solid #35423b;
        box-shadow: none;
    }

    html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-start-signal .ritual-cue-clock,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row .row-start-signal .ritual-cue-clock,
    html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-start-signal:is(.is-soon, .is-imminent, .is-live, .is-afterglow) .ritual-cue-clock,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row .row-start-signal:is(.is-soon, .is-imminent, .is-live, .is-afterglow) .ritual-cue-clock {
        color: #9ac8aa;
        background: transparent;
        border: 0;
    }

    html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-start-signal .ritual-cue-copy strong,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row .row-start-signal .ritual-cue-copy strong,
    html[data-wo-theme="dark"] body.public-oak-app .timeline-row .timeline-start-signal:is(.is-soon, .is-imminent, .is-live, .is-afterglow) .ritual-cue-copy strong,
    html[data-wo-theme="dark"] body.internal-oak-app .session-row .row-start-signal:is(.is-soon, .is-imminent, .is-live, .is-afterglow) .ritual-cue-copy strong {
        color: #b6c0b9;
    }
}
