/* Board 442 appearance for Customize, Plan and Courses. Colour only: the
   layouts, selected scenery and shared status controls keep their own rules. */
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true]:is([data-active-view=planner],[data-active-view=study]),
html.theme-dark body #design-personalize#design-personalize {
 --board442-page:#0f1b4d; --board442-field:#1d2a63; --board442-ink:#eef1ff;
 --board442-sub:#c6cee8; --board442-muted:#b7c1e0; --board442-line:#5c6a98;
 --board442-tint:rgba(175,197,255,.13); --board442-green:#7af0c4; --board442-link:#afc5ff;
 --board442-edge:rgba(255,255,255,.18);
 --board442-glass:radial-gradient(90% 46% at 16% 0%,rgba(150,175,255,.17),transparent 72%),linear-gradient(165deg,rgba(38,50,112,.76),rgba(20,30,72,.64) 52%,rgba(38,50,112,.76));
 --board-ink:var(--board442-ink); --board-card:var(--board442-field); --board-line:var(--board442-line);
 --design-ink:var(--board442-ink); --design-muted:var(--board442-sub); --design-card:var(--board442-field);
 color:var(--board442-ink); color-scheme:dark;
}
html.theme-dark body.student-experience:has(#app-shell:not([hidden]):is([data-active-view=planner],[data-active-view=study])) { background:#070e2b!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-design-theme=off]:is([data-active-view=planner],[data-active-view=study]),
html.theme-dark body #design-personalize#design-personalize { background:var(--board442-page)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true]:is([data-active-view=planner],[data-active-view=study]):is([data-design-theme=galaxy],[data-design-theme=birds],[data-design-theme=ocean])::before { background:rgba(15,27,77,.72); }

/* Header and navigation text follow the canvas, including Courses' path view. */
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study])>.page-header h1 { color:var(--board442-ink)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true]:is([data-active-view=planner],[data-active-view=study]) :is(.mc-nav--sidebar .mc-nav__item,.mc-nav--mobile .mc-nav__item):not([data-view-target=focus]) { color:var(--board442-muted)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true]:is([data-active-view=planner],[data-active-view=study]) :is(.mc-nav--sidebar,.mc-nav--mobile) .mc-nav__item.is-active:not([data-view-target=focus]) { color:var(--board442-ink)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true]:is([data-active-view=planner],[data-active-view=study]) .sidebar-connections { background:var(--board442-tint); color:var(--board442-ink); }

/* Customize's real controls and its miniature preview use the same appearance. */
html.theme-dark body #design-personalize#design-personalize :is(h1,h2,h3,legend,.design-mini-main,.design-mini aside) { color:var(--board442-ink)!important; }
html.theme-dark body #design-personalize#design-personalize :is(.design-customize-head,.design-customize>p,.design-settings-card p,.design-switch small,.design-customize-preview>p) { color:var(--board442-sub); }
html.theme-dark body #design-personalize#design-personalize .design-settings-card { background:var(--board442-field); border-color:var(--board442-edge); color:var(--board442-ink); }
html.theme-dark body #design-personalize#design-personalize .design-customize :is(.design-choice,[data-design-tour]) { background:var(--board442-field); border-color:var(--board442-line); color:var(--board442-ink); }
html.theme-dark body #design-personalize#design-personalize .design-customize .design-choice[aria-pressed=true] { background:#05145c; border-color:#c7fce0; color:#fff; }
html.theme-dark body #design-personalize#design-personalize [data-design-close] { color:var(--board442-ink); }
html.theme-dark body #design-personalize#design-personalize .design-density-icon { background:var(--board442-tint); }
html.theme-dark body #design-personalize#design-personalize .design-density-icon i { background:#8ea2ff; }
html.theme-dark body #design-personalize#design-personalize .design-choice[aria-pressed=true] .design-density-icon i { background:#ffdd4a; }
html.theme-dark body #design-personalize#design-personalize .design-switch input { accent-color:var(--board442-green); }
html.theme-dark body #design-personalize#design-personalize .design-customize button:focus-visible { outline-color:#c7fce0; }
html.theme-dark body #design-personalize#design-personalize :is(.design-mini,.design-theme-swatch[data-scene=off]) { background:radial-gradient(ellipse at 20% 0%,#2a3a9e,transparent 65%),radial-gradient(ellipse at 90% 100%,#6b2c5f,transparent 65%),#070e2b; border-color:rgba(255,255,255,.14); }
html.theme-dark body #design-personalize#design-personalize .design-theme-swatch[data-scene=aurora] { background:linear-gradient(135deg,#2448a4,#128a6c 55%,#4432a0); }
html.theme-dark body #design-personalize#design-personalize .design-theme-swatch[data-scene=forest] { background:linear-gradient(135deg,#17472b,#3a4612 55%,#0c4a3b); }
html.theme-dark body #design-personalize#design-personalize .design-theme-swatch[data-scene=dawn] { background:linear-gradient(135deg,#5a2e10,#551c2c 55%,#4e3f0d); }
html.theme-dark body #design-personalize#design-personalize .design-mini aside { background:rgba(14,22,58,.6); }
html.theme-dark body #design-personalize#design-personalize .design-mini-grid section:not(.design-mini-hero) { background:rgba(20,30,72,.68); color:var(--board442-ink); border-color:rgba(255,255,255,.14); }
html.theme-dark body #design-personalize#design-personalize[data-design-cards=solid] .design-mini-grid section:not(.design-mini-hero) { background:#141e48; }
html.theme-dark body #design-personalize#design-personalize[data-design-cards=outline] .design-mini-grid section:not(.design-mini-hero) { background:rgba(20,30,72,.3); border-color:var(--board442-line); }
html.theme-dark body #design-personalize#design-personalize[data-design-theme=galaxy] .design-mini { background:linear-gradient(#070e2b80,#070e2b80),url('/signin-galaxy-v1.webp') center/cover; }
html.theme-dark body #design-personalize#design-personalize[data-design-theme=ocean] .design-mini { background:linear-gradient(#070e2b80,#070e2b80),url('/nature-ocean-v1.jpg') center/cover; }
html.theme-dark body #design-personalize#design-personalize[data-design-theme=birds] .design-mini,

/* Plan's canvas, calendar panels and headings share the board's blue glass. */
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] { --plan-card:var(--board442-field); --plan-ink:var(--board442-ink); --plan-muted:var(--board442-sub); --plan-line:var(--board442-edge); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.preview-plan-day,.preview-plan-next,.preview-plan-calendars,.plan-week-card,.plan-month,.plan-review,.design-settings-card,.reference-plan-panel .mc-card,.reference-plan-date[open]>.planner-date-nav) { background:var(--board442-glass),var(--board442-field)!important; border-color:var(--board442-edge)!important; color:var(--board442-ink)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.reference-plan-agent,.preview-plan-tabs,.plan-detail,.preview-plan-day-track) { background:var(--board442-tint)!important; color:var(--board442-ink)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] .preview-plan-tabs button { color:var(--board442-sub)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] .preview-plan-tabs button:is([aria-pressed=true],[aria-selected=true]) { background:var(--board442-field)!important; color:var(--board442-ink)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.reference-plan-agent small,.reference-plan-note,.design-settings-card p,.plan-quick-note,.plan-month-wd,.plan-review-kick,.plan-review-ticks,.plan-review-totals,.plan-review-empty,.plan-ticks span,.preview-plan-legend b,.reference-plan-date,.reference-plan-panel>p,.reference-review-badge,.preview-plan-hour-labels,.preview-plan-legend,.planner-timeline-row>time,.planner-timeline-row small,.plan-detail,.plan-free-add) { color:var(--board442-sub)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.reference-plan-panel>h2,.reference-panel-heading h2,.preview-plan-section-label,.preview-plan-calendars h3,.design-settings-card h2,.design-settings-card h3,.plan-review h3) { color:var(--board442-ink)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.reference-review-badge,.design-button,.plan-review-go,.plan-tool,.plan-quick-chips button,.reference-plan-add>summary,.plan-free-add) { background:var(--board442-field)!important; border-color:var(--board442-line)!important; color:var(--board442-ink)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] .reference-plan-agent button { background:#c7fce0!important; color:#05145c!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] .reference-plan-agent input { background:var(--board442-field); color:var(--board442-ink); }

/* Calendar states remain distinct without returning to light surfaces. */
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.plan-week-col,.plan-day-row,.plan-month-cell,.plan-review-track) { background:var(--board442-tint); color:var(--board442-ink); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.plan-day-row.is-past,.plan-day-row small) { opacity:1; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.plan-week-col.is-today,.plan-month-cell.is-today b) { background:#c7fce0; color:#05145c; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.plan-day-row.is-today,.plan-month-cell.is-on) { background:var(--board442-field); box-shadow:inset 0 0 0 2px #7af0c4; color:var(--board442-ink); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] .plan-month-cell.is-out { background:transparent; color:var(--board442-muted); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.plan-quick-row input,.plan-review-note textarea,.reference-boxes select) { background:var(--board442-field); color:var(--board442-ink); border-color:var(--board442-line); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] .plan-free-add b { color:var(--board442-link); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=planner] :is(.plan-gap:hover,.plan-gap:focus-visible) { background:var(--board442-field); color:var(--board442-ink); }

/* The saved course board is shared by Courses and Plan's Courses tab. */
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]) .course-board-card { background:var(--board442-glass),var(--board442-field); border-color:var(--board442-edge); color:var(--board442-ink); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]) :is(.course-board-heading h3,.courses-board-empty h2) { color:var(--board442-ink)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]) :is(.course-board-eyebrow,.course-board-resource p,.course-board-resource small,.course-board-tile small,.courses-board-empty p) { color:var(--board442-sub); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]) .course-board-resource { background:var(--board442-tint); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]) .course-board-ready { color:var(--board442-green); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]) :is(.course-board-tile,.course-board-link) { color:var(--board442-link); border-color:var(--board442-line); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]) .course-board-tile { background:var(--board442-tint); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]) .course-board-delete { color:#f6c3b7; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=study] :is(.study-section-nav,.library-sections) { background:var(--board442-tint)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=study] :is(.study-section-nav,.library-sections) :is(button,a) { background:transparent!important; color:var(--board442-sub)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=study] :is(.study-section-nav,.library-sections) :is([aria-pressed=true],[aria-current=page]) { background:var(--board442-field)!important; color:var(--board442-ink)!important; }

/* Newer course due dates, resume cards and menus share the dark board surfaces. */
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=study] :is(.course-board-due,.courses-resume,.course-board-menu>summary,.course-board-menu>div) { background:var(--board442-field); color:var(--board442-ink); border-color:var(--board442-line); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=study] :is(.course-board-due small,.courses-resume small) { color:var(--board442-sub); }

/* The course path's title and cards sit on the same Courses canvas. */
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=study] :is(.course-detail-hero,#course-path-title,.course-options>summary) { color:var(--board442-ink)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=study] .course-path-subtitle { color:var(--board442-sub)!important; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] [data-view=study] .course-back { color:var(--board442-link); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 { --cp-ink:var(--board442-ink); --cp-muted:var(--board442-sub); --cp-border:var(--board442-edge); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 .cp-card { background:var(--board442-glass),var(--board442-field); border-color:var(--board442-edge); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 :is(.cp-button,.cp-study-choice,input[type=date]) { background:var(--board442-field); color:var(--board442-ink); border-color:var(--board442-line); color-scheme:dark; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 :is(.cp-primary,.cp-save) { background:#c7fce0; border-color:#c7fce0; color:#05145c; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 :is(.cp-this-week,.cp-coda .cp-note,.cp-check strong,.cp-stepper input) { color:var(--board442-ink); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 :is(.cp-text,.cp-choice-arrow) { color:var(--board442-link); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 :is(.cp-mini,.cp-coda,.cp-soon,.cp-mini-bar) { background:var(--board442-tint); color:var(--board442-sub); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 .cp-choice-icon { color:#05145c; }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 .cp-save-status { color:var(--board442-green); }
html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] .course-path-v2 .cp-ring { background:radial-gradient(closest-side,#1d2a63 76%,transparent 79%),conic-gradient(#7af0c4 var(--progress),#2c3766 0); color:var(--board442-ink); }

/* Solid surfaces retain the same board colours when transparency is reduced. */
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]),
 html.theme-dark body #design-personalize#design-personalize { --board442-glass:linear-gradient(#1d2a63,#1d2a63); --board442-edge:#5c6a98; }
 html.theme-dark body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view] :is([data-view=planner],[data-view=study]) :is(.course-board-card,.cp-card,.preview-plan-day,.preview-plan-next,.preview-plan-calendars,.plan-week-card,.plan-month,.plan-review,.design-settings-card,.reference-plan-panel .mc-card) { background:var(--board442-field)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
 html.theme-dark body #design-personalize#design-personalize .design-mini-grid section:not(.design-mini-hero) { background:#141e48; }
 html.theme-dark body #design-personalize#design-personalize .design-mini aside { background:#0e1638; }
}
html.theme-dark[data-reduced-transparency=true] body.student-experience #app-shell#app-shell[data-preview-shell=true] :is([data-view=planner],[data-view=study]),
html.theme-dark[data-reduced-transparency=true] body #design-personalize#design-personalize { --board442-glass:linear-gradient(#1d2a63,#1d2a63); --board442-edge:#5c6a98; }
html.theme-dark[data-reduced-transparency=true] body.student-experience #app-shell#app-shell[data-preview-shell=true][data-active-view] :is([data-view=planner],[data-view=study]) :is(.course-board-card,.cp-card,.preview-plan-day,.preview-plan-next,.preview-plan-calendars,.plan-week-card,.plan-month,.plan-review,.design-settings-card,.reference-plan-panel .mc-card) { background:var(--board442-field)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
html.theme-dark[data-reduced-transparency=true] body #design-personalize#design-personalize .design-mini-grid section:not(.design-mini-hero) { background:#141e48; }
html.theme-dark[data-reduced-transparency=true] body #design-personalize#design-personalize .design-mini aside { background:#0e1638; }