/**
 * GetMyCourse design tokens — the single source of truth.
 * See docs/DESIGN_DIRECTION.md. Do not redefine these values elsewhere (rule 03).
 * The Elementor Global Kit mirrors this file; keep them in sync.
 */

:root {
	/* Brand */
	--gmc-navy: #0f3d75;
	--gmc-navy-700: #1b4e8c;
	--gmc-navy-900: #0a2a52;
	--gmc-blue: #2e7cc4;
	--gmc-blue-600: #2569a8;
	--gmc-blue-300: #7fb2de; /* accent on dark surfaces (hero) */
	--gmc-blue-050: #eaf2fa;

	/* Review star rating */
	--gmc-gold: #f5a623;

	/* Neutrals */
	--gmc-n-0: #ffffff;
	--gmc-n-50: #f7f9fc;
	--gmc-n-100: #eef2f8;
	--gmc-n-200: #e3e9f2;
	--gmc-n-400: #a9b4c4;
	--gmc-n-600: #5b6779;
	--gmc-n-900: #1a2433;

	/* Semantic */
	--gmc-success: #1e874b;
	--gmc-warn: #b7791f;
	--gmc-error: #c0392b;
	--gmc-info: #2e7cc4;

	/* Typography */
	--gmc-font-heading: "Poppins", "Segoe UI", system-ui, sans-serif;
	--gmc-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	--gmc-fs-1: 0.8125rem;  /* 13 */
	--gmc-fs-2: 0.875rem;   /* 14 */
	--gmc-fs-3: 1rem;       /* 16 - body */
	--gmc-fs-4: 1.125rem;   /* 18 */
	--gmc-fs-5: 1.25rem;    /* 20 */
	--gmc-fs-6: 1.5rem;     /* 24 - h3 */
	--gmc-fs-7: 1.875rem;   /* 30 - h2 */
	--gmc-fs-8: 2.375rem;   /* 38 - h1 */
	--gmc-lh-body: 1.6;
	--gmc-lh-heading: 1.25;

	/* Spacing — 8px base */
	--gmc-s-1: 4px;
	--gmc-s-2: 8px;
	--gmc-s-3: 12px;
	--gmc-s-4: 16px;
	--gmc-s-5: 24px;
	--gmc-s-6: 32px;
	--gmc-s-7: 48px;
	--gmc-s-8: 64px;
	--gmc-s-9: 96px;

	/* Shape */
	--gmc-r-card: 8px;
	--gmc-r-input: 6px;
	--gmc-r-pill: 999px;
	--gmc-border: 1px solid var(--gmc-n-200);
	--gmc-shadow-card: 0 1px 3px rgba(15, 61, 117, 0.08);
	--gmc-shadow-card-hover: 0 4px 14px rgba(15, 61, 117, 0.12);

	/* Layout */
	--gmc-content-max: 1200px;
	--gmc-gutter: 24px;
	--gmc-facet-rail: 280px;

	/* Focus — always visible (accessibility) */
	--gmc-focus-ring: 2px solid var(--gmc-blue);
	--gmc-focus-offset: 2px;
}