/* JBS Theme Child — DSDT College brand tokens (public site)
 *
 * Source: DSDT Brand College Branding Guide.pdf
 * Required palette + Poppins only. Logo rules excluded.
 */

:root {
	/* Canonical DSDT brand palette */
	--dsdt-blue: #0072FF;
	--dsdt-white: #FFFFFF;
	--dsdt-navy: #000D20;
	/* Secondary: borders / dividers / separators only */
	--dsdt-gray: #D9D9D9;
	--dsdt-font: "Poppins", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

	/* Mapped theme tokens (public UI consumes --jbs-*) */
	--jbs-accent: var(--dsdt-blue);
	--jbs-accent-2: color-mix(in srgb, var(--dsdt-blue) 10%, white);
	--jbs-accent-hover: color-mix(in srgb, var(--dsdt-blue) 82%, black);
	--jbs-secondary: var(--dsdt-navy);
	--jbs-rating: #e59819;
	--jbs-page-bg: var(--dsdt-white);
	--jbs-surface: var(--dsdt-white);
	/* Neutral alternating band for section rhythm (never blue). */
	--jbs-surface-alt: #f7f9fa;
	--jbs-border: var(--dsdt-gray);
	--jbs-border-strong: color-mix(in srgb, var(--dsdt-navy) 35%, white);
	--jbs-text: var(--dsdt-navy);
	--jbs-muted: color-mix(in srgb, var(--dsdt-navy) 68%, white);
	--jbs-ink: var(--dsdt-navy);
	--jbs-bg: var(--dsdt-navy);
	--jbs-success: #1e6055;
	--jbs-warning: #e59819;
	--jbs-danger: #d32f2f;
	--jbs-info: var(--dsdt-blue);

	--jbs-font: var(--dsdt-font);
	--jbs-font-display: var(--dsdt-font);
	--jbs-font-weight-light: 300;
	--jbs-font-weight-bold: 700;

	--jbs-max: 1340px;

	--jbs-radius-xs: 0;
	--jbs-radius-sm: 0;
	--jbs-radius-md: 0;
	--jbs-radius: 0;

	--jbs-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
	--jbs-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);

	--jbs-space-1: 0.25rem;
	--jbs-space-2: 0.5rem;
	--jbs-space-3: 0.75rem;
	--jbs-space-4: 1rem;
	--jbs-space-5: 1.5rem;
	--jbs-space-6: 2rem;
	--jbs-space-7: 3rem;

	/* Vertical rhythm for homepage / marketing sections */
	--jbs-section-pad: clamp(2.75rem, 4.5vw, 4rem);
	--jbs-section-pad-sm: clamp(2rem, 3vw, 2.75rem);

	--jbs-focus-ring: 0 0 0 3px color-mix(in srgb, var(--dsdt-blue) 25%, transparent);

	--jbs-tutor-primary: var(--jbs-accent);
	--jbs-tutor-primary-soft: var(--jbs-accent-2);
	--jbs-tutor-text: var(--jbs-text);
	--jbs-tutor-muted: var(--jbs-muted);
	--jbs-tutor-surface: var(--jbs-surface);
	--jbs-tutor-bg: var(--jbs-page-bg);
	--jbs-tutor-border: var(--jbs-border);
	--jbs-tutor-radius: var(--jbs-radius);
	--jbs-tutor-font: var(--jbs-font);
}

/* Fallbacks when color-mix is unavailable */
@supports not (color: color-mix(in srgb, red 50%, blue)) {
	:root {
		--jbs-accent-2: #e6f1ff;
		--jbs-accent-hover: #005ccb;
		--jbs-border-strong: #a6abb3;
		--jbs-muted: #525b68;
		--jbs-focus-ring: 0 0 0 3px rgba(0, 114, 255, 0.25);
	}
}