/* ============================================================
   LMS TDH — Global design tokens.
   Colors & fonts inherit from Elementor's Global Settings kit
   (--e-global-color-* / --e-global-typography-*), with tasteful
   fallbacks so the pages still look premium without Elementor.
   Change the palette/typography in Elementor → Site Settings and
   every LMS page follows automatically.
   ============================================================ */
:root{
	/* Brand — from Elementor globals */
	--tdh-accent:     var(--e-global-color-accent,  #6C5CE7);
	--tdh-accent-600: var(--e-global-color-accent,  #5a4bd4);
	--tdh-primary:    var(--e-global-color-primary, #14151a);

	/* Text */
	--tdh-ink:  var(--e-global-color-primary, #14151a);
	--tdh-body: var(--e-global-color-text,    #3a3d4a);
	--tdh-muted:#6b7280;

	/* Surfaces */
	--tdh-surface:#ffffff;
	--tdh-bg:#f6f7fb;
	--tdh-soft:#f3f4f8;
	--tdh-line:#e9eaee;
	--tdh-success:#0f9d58;
	--tdh-danger:#e5484d;

	/* Typography — from Elementor globals */
	--tdh-font:      var(--e-global-typography-text-font-family,    'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	--tdh-font-head: var(--e-global-typography-primary-font-family, 'Plus Jakarta Sans', var(--tdh-font));

	/* Shape & depth */
	--tdh-radius:16px;
	--tdh-radius-sm:10px;
	--tdh-shadow:0 6px 24px rgba(18,20,28,.06);
	--tdh-shadow-lg:0 18px 50px rgba(18,20,28,.12);
}

/* Apply the global font to every LMS surface (Elementor font wins when set) */
.tdh-sc,.tdh-dash,.tdh-auth,.tdh-catalog,.tdh-catalog-wrap,.tdh-player,.tdh-portal,.tdh-cc{
	font-family:var(--tdh-font);
}
.tdh-sc :is(h1,h2,h3),.tdh-portal :is(h1,h2,h3),.tdh-dash :is(h2,h3),
.tdh-catalog-head h1,.tdh-catalog-title,.tdh-cc-body h3,.tdh-player-head h1{
	font-family:var(--tdh-font-head);
}