/**
 * Shatabhisha Course Hub — Design System default tokens (Part 10).
 *
 * These :root defaults match every value that used to be hard-coded in
 * frontend.css / cards.css, so nothing changes visually out of the box.
 * SCH_Design_System::generate_css() injects an inline <style> block right
 * after this file (via wp_add_inline_style) with the admin's overrides,
 * which simply win the CSS cascade since they load second.
 */

:root {
	--sch-primary: #2271b1;
	--sch-primary-dark: #135e96;
	--sch-text: #1d2327;
	--sch-text-muted: #646970;
	--sch-border: #e2e2e2;
	--sch-bg-soft: #f6f7f7;
	--sch-card-bg: #ffffff;
	--sch-badge-bg: #1d2327;
	--sch-badge-text: #ffffff;

	--sch-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--sch-radius: 10px;
	--sch-card-radius: 12px;
	--sch-card-padding: 18px;
	--sch-button-radius: 10px;
	--sch-button-padding: 14px 28px;
	--sch-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
	--sch-grid-gap: 24px;

	--sch-h1: 32px;
	--sch-h2: 26px;
	--sch-h3: 20px;
	--sch-h4: 17px;
	--sch-body: 15px;
	--sch-button: 16px;
	--sch-faq: 16px;
	--sch-price: 30px;
	--sch-badge: 12px;
}

@media (max-width: 1024px) {
	:root {
		--sch-h1: 28px;
		--sch-h2: 22px;
		--sch-h3: 19px;
		--sch-h4: 16px;
		--sch-body: 15px;
		--sch-button: 15px;
		--sch-faq: 15px;
		--sch-price: 26px;
		--sch-badge: 11px;
	}
}

@media (max-width: 600px) {
	:root {
		--sch-h1: 24px;
		--sch-h2: 20px;
		--sch-h3: 18px;
		--sch-h4: 15px;
		--sch-body: 14px;
		--sch-button: 14px;
		--sch-faq: 14px;
		--sch-price: 24px;
		--sch-badge: 10px;
	}
}