/*
 * InsuranceStudy's course and class detail pages (source 32): the override of
 * css/course-details.css, loaded after it by protected/views/courses/_detailsPage.php because this
 * file exists at css/custom/<theme>/course-details.css. The default page colours itself from
 * --theme-brand, which this theme does not set; here the tokens take the InsuranceStudy split the
 * catalog override (catalog.css) uses: green for links, figures and the price, gold for the
 * anchor row's indicator and focus, cream for the information surfaces (the facts strip and the
 * notes, on the white legacy page), Jost for the title, price and figures through --font-display.
 * Sizes are px.
 */
#course-details-page.cd-page {
    --cd-accent: var(--is-green-700);
    --cd-accent-strong: var(--is-green-600);
    --cd-ink: var(--is-heading);
    --cd-text: var(--is-ink);
    --cd-muted: var(--is-muted);
    --cd-subtle: var(--is-subtle);
    --cd-surface: #fff;
    --cd-tint: var(--is-cream);
    --cd-band: var(--is-green-50);
    --cd-icon-bg: var(--is-green-700);
    --cd-line: var(--is-border);
    --cd-rule: var(--is-border);
    --cd-price: var(--is-green-700);
    --cd-figure: var(--is-green-700);
    --cd-link: var(--is-green-700);
    --cd-link-hover: var(--is-gold-700);
    --cd-nav-active: var(--is-gold);
    --cd-focus: var(--is-focus);
    --cd-shadow-sm: var(--is-shadow-sm);
    --cd-shadow-md: var(--is-shadow-md);
    --cd-shadow-bar: 0 -6px 20px rgba(22, 24, 26, .10);
    --cd-radius: 6px;
    --cd-font-display: var(--font-display);
    --cd-header-offset: var(--is-header-height);
    --cd-ease: var(--is-ease);
}
/* the title keeps the theme's heading weight (Jost 700) */
#course-details-page.cd-page .cd-hero h1.cd-page-title {
    font-weight: 700;
}