/* Component color pass requested 2026-10-03. Existing page order and grids retained.
   Identity: wine. Academics: lake. Careers: plum. Community: ivy. Opportunity: gold.
   Shades express hierarchy here; numeric intensity is reserved for labeled charts. */
:root{--harper-wine:#4b1020;--harper-wine-mid:#641c2d;--harper-cream:#fff5e6;--harper-lake:#244f63;--harper-plum:#50334f;--harper-ivy:#355a44;--harper-ochre:#735321}
body .commons-board>.board-heading{padding:24px;background:var(--harper-wine);color:var(--harper-cream);margin-bottom:0}
body .commons-board>.board-heading :is(h2,p,.eyebrow){color:var(--harper-cream);max-width:none}
body .commons-board>.board-heading .board-button{background:#fff5e6;color:#641c2d;border-color:#fff5e6;flex-shrink:0}
body .commons-board .commons-search{background:#eadbd0;border:0}
body .commons-board .board-row{background:var(--board-wash);border-top-color:#fff;border-top-width:6px}
body .commons-board .board-row:hover{box-shadow:inset 0 0 0 1px var(--board-accent)}
body .commons-board .board-content :is(p,h3){max-width:none}
body .home-hub .journey-heading{background:var(--harper-plum);color:#fff4ef;padding:24px}
body .home-hub .journey-heading :is(h2,p,a,.eyebrow){color:#fff4ef}
body .home-hub .journey-intro{background:#e8dfe8;color:#4e3b4e;padding:20px 24px;margin:0;max-width:none}
body .home-hub .destination.events{background:#dbe8d4;border-top-color:var(--harper-ivy)}
body .home-hub .destination.academics{background:#ccdee6;border-top-color:var(--harper-lake)}
body .home-hub .destination.career{background:#e2d3e2;border-top-color:var(--harper-plum)}
body:has(#course-map-view)>section.intro,body:has(#professor-sort) main>header.intro{background:#244f63;color:#fff8ee;padding-block:24px;padding-inline:var(--harper-panel-padding,24px)}
body:has(#course-map-view)>section.intro :is(h1,p,a,.eyebrow),body:has(#professor-sort) main>header.intro :is(h1,p,a,.eyebrow){color:#fff8ee;max-width:none}
body:has(#course-map-view)>section.intro{width:calc(100% - 2 * var(--harper-page-gutter));max-width:calc(var(--harper-page-max) - 2 * var(--harper-page-gutter));margin-inline:auto}
body main>.clubs-intro{background:var(--harper-ivy);color:#f7f6e6;padding:24px;margin-bottom:24px}
body main>.clubs-intro :is(h1,p,.eyebrow){color:#f7f6e6;max-width:none}
body main .club-browse-toolbar{background:#dce8d5;padding:20px;border:1px solid #a9bd9d}
body main .academic-workbook-toolbar{background:#d2e3ea;padding:20px}
body main>.personal-hero{background:var(--harper-wine);color:#fff5e6;padding:24px;border:0}
body main>.personal-hero :is(h1,p,a,.eyebrow){color:#fff5e6;max-width:none}
body main>.personal-hero .action{background:#fff5e6;color:#641c2d}
body main .my-schedule-hero{background:#d2e3ea;color:#244f63;padding:24px}
body main .my-schedule-hero :is(h2,p,.eyebrow){color:#244f63;max-width:none}
body main .panel>.section-head{background:var(--harper-plum);color:#fff5ef;padding:24px;margin-bottom:24px}
body main .panel>.section-head :is(h1,h2,h3,p,.eyebrow,a){color:#fff5ef;max-width:none}
body main .panel>.section-head button{background:#fff5ef;color:#50334f}
@media(max-width:600px){body .commons-board>.board-heading,body .home-hub .journey-heading,body main>.clubs-intro,body main>.personal-hero,body main .my-schedule-hero,body main .panel>.section-head{padding:20px}body .commons-board>.board-heading{align-items:flex-start;flex-direction:column}body .home-hub .journey-intro{padding:20px}body main .club-browse-toolbar{padding:16px}}
/* Adjacent course-map actions share the same gutter as event actions. */
body:has(#course-map-view) main .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
body:has(#course-map-view) main .actions>button{margin:0}