/**
 * AI Skill Pass brand overrides for Tutor LMS's own frontend.
 *
 * Tutor's course player / quiz / dashboard pages bypass the theme's page
 * templates and shipped Tutor's stock look: default blue (#3E64DE-family)
 * primary, system fonts, unbranded header. Flagged by Harry on the real exam
 * page. Tutor v3 exposes its palette as CSS custom properties (verified
 * against the installed tutor-front.min.css), so retint at the variable level
 * and only hand-style the few hardcoded spots.
 */

:root,
.tutor-screen-course-builder,
body {
	--tutor-color-primary: #E0653A;         /* coral - actions */
	--tutor-color-primary-hover: #C9552C;
	--tutor-color-primary-rgb: 224, 101, 58;
	--tutor-color-secondary: #1E3A4C;       /* teal */
	--tutor-body-color: #22303A;            /* ink */
	--tutor-color-success: #1E8E6E;         /* verified green */
	--tutor-color-success-rgb: 30, 142, 110;
}

/* Brand typography on all Tutor surfaces (fonts are @font-face'd in the
   child theme stylesheet, which loads before this file). */
.tutor-course-spotlight-wrapper,
.tutor-wrap,
[class^="tutor-"],
.tutor-modal {
	font-family: 'Instrument Sans', -apple-system, sans-serif;
}
.tutor-wrap h1, .tutor-wrap h2, .tutor-wrap h3, .tutor-wrap h4,
.tutor-course-spotlight-wrapper h1,
.tutor-course-spotlight-wrapper h2,
.tutor-course-spotlight-wrapper h3,
.tutor-course-spotlight-wrapper h4 {
	font-family: 'Bricolage Grotesque', 'Instrument Sans', sans-serif;
	color: #1E3A4C;
}

/* The spotlight (course player) top bar: teal instead of Tutor blue. */
.tutor-course-topbar,
.tutor-spotlight-header {
	background: #1E3A4C;
}

/* Primary buttons: coral pill, matching the site's .btn-accent. */
.tutor-btn.tutor-btn-primary {
	background: #E0653A;
	border-color: #E0653A;
	border-radius: 100px;
	font-weight: 700;
}
.tutor-btn.tutor-btn-primary:hover {
	background: #C9552C;
	border-color: #C9552C;
}

/* Sidebar course-content nav: cream hover/active accents. */
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active,
.tutor-course-topics-contents .tutor-course-topic-item a.is-active {
	background: #FDF3EE;
	color: #1E3A4C;
}

/* Progress bars and completion checks in verified green. */
.tutor-progress-bar .tutor-progress-value,
.tutor-progress-circle-dashboard .tutor-progress-circle-value {
	background: #1E8E6E;
}

/* Quiz answer selection: coral accents instead of blue. */
.tutor-quiz-answer-single input[type="radio"]:checked + .tutor-quiz-answer-single-info,
.tutor-quiz-answer-single.is-selected {
	border-color: #E0653A;
}

/* The course-player top bar takes --tutor-color-primary by default, which is
   now coral - too loud for a full-width structural band. Teal, like the
   site's own bands (real class found by inspecting the live exam page).
   !important because Tutor's own stylesheet enqueues AFTER this file (plugin
   vs theme order isn't controllable via our dependency chain) and its
   equal-specificity rule would otherwise win the cascade - confirmed live. */
.tutor-course-topic-single-header.tutor-single-page-top-bar {
	background: #1E3A4C !important;
}