/* Player de lección Gicell — skin de marca sobre el learning-area de Tutor 4.0.
 *
 * Tutor deriva sus acentos de la escala de tokens --tutor-brand-*.
 * Reasignándola en las páginas de lección, botones/progreso/acentos toman
 * el dorado/champán de marca sin tocar el markup ni el JS nativo. */
body.single-lesson,
.tutor-learning-area,
.tutor-learning-header {
	--tutor-brand-500: #C9A86A;
	--tutor-brand-600: #b8965a;
	--tutor-brand-700: #a5854b;
	--tutor-actions-brand-primary: #C9A86A;
	--tutor-actions-brand-secondary: #b8965a;
}

/* Barra de progreso del curso (header del sidebar) a marca. */
.tutor-learning-nav-header-progress .tutor-progress-bar span,
.tutor-learning-nav-header-progress [class*="progress"] > span {
	background: linear-gradient(135deg, var(--gold-soft), var(--gold)) !important;
}

/* Botón primario (Completar curso / CTA) a marca. */
.tutor-learning-area .tutor-btn-primary,
.tutor-learning-header .tutor-btn-primary {
	background-color: #C9A86A;
	border-color: #C9A86A;
	color: #14110a;
}
.tutor-learning-area .tutor-btn-primary:hover,
.tutor-learning-header .tutor-btn-primary:hover {
	background-color: #b8965a;
	border-color: #b8965a;
}