/* The public pages' theme — course search, a course page, an institute's
   page, Terms (layouts/public) and login/register/password (layouts/guest).
   These pages are built from the portal's own components, which read the
   portal's blue and slate tokens; direct instruction was that every heading
   and text on them match the public home page instead: navy #224680 and
   orange #f39122, dark text #1d2433, muted #4b5563, and Montserrat headings.

   Done the way .course-card already does it: re-point the portal's own
   tokens inside the page, so every component on it follows without a rule
   of its own. Both layouts are always light (data-theme-fixed), so fixed
   colours are safe. The home page has its own stylesheet (home.css) and
   already uses these colours. Loaded after app.css and site-chrome.css.
   The login pages keep their own orange --primary (.auth-shell, theme.css):
   that is set on an inner element, so it still wins there. */
.public-site {
    --primary: #224680;
    --primary-dark: #18345f;
    --primary-soft: #eaf1fb;
    --primary-ring: rgba(34, 70, 128, .2);
    --t-base: #1d2433;
    --t-muted: #4b5563;
    /* The home hero's own pale tone instead of the portal's blue-grey */
    --bg-body: #f6f4f5;
    --bs-body-color: #1d2433;
    --bs-secondary-color: #4b5563;
}

/* Every heading in the page content: Montserrat, navy — the home page's
   heading font. The site header/footer and the login side panel sit outside
   <main>, so their white headings are untouched. */
.public-site main :is(h1, h2, h3, h4) {
    color: #224680;
    font-family: Montserrat, Inter, system-ui, sans-serif;
    letter-spacing: -.01em;
}

/* The login pages' side-panel heading sits outside <main> and stays white,
   but takes the same heading font. */
.public-site .auth-aside h1 {
    font-family: Montserrat, Inter, system-ui, sans-serif;
    letter-spacing: -.01em;
}

/* Tags and icons that used green or light blue: the theme's light navy.
   Pass/fail colours in a student's own eligibility check stay as they are —
   there the colour means something. */
.public-site .badge.success,
.public-site .offering-schedule-list .badge {
    background: #eaf1fb;
    color: #224680;
}

.public-site .eligibility-document-icon {
    background: #eaf1fb;
    color: #224680;
}

/* The portal's typewriter font has no place on these pages. */
.public-site .input-group .addon,
.public-site .auth-aside-footer {
    font-family: Inter, system-ui, sans-serif;
}

/* Course cards on the search page: the same white-to-warm tint and warm
   border as the course page's sections, so the two pages match. */
.public-site .course-card {
    --card-border: #f4dcc0;
    background: linear-gradient(105deg, #fff 0%, #fff 45%, #fff4e8 100%);
}