/* ==========================================================================
   EDU LINKED — WCAG 2.1 AA COMPLIANT VARIABLES
   Safe colours · Semantic tokens · Improved typography
   ========================================================================== */

:root {
	/* -------------------------------------------------------
	   BRAND PALETTE — BASE COLOURS
	   ------------------------------------------------------- */
	--edulinked-primary: #2c5aa0;        /* Primary Blue */
	--edulinked-secondary: #dea93f;      /* Gold */
	--edulinked-accent: #6c5ce7;         /* Purple Accent */
	--edulinked-warning: #fd79a8;        /* Pink */
	--edulinked-info: #17a2b8;           /* Teal */

	/* -------------------------------------------------------
	   WCAG-SAFE DERIVED BRAND COLOURS
	   These versions ARE safe for text.
	   ------------------------------------------------------- */
	--edulinked-primary-text: #1f4b85;       /* AA text-safe */
	--edulinked-secondary-text: #8a6a1d;     /* AA text-safe gold */
	--edulinked-accent-text: #4836b8;        /* AA text-safe purple */
	--edulinked-warning-text: #b84c6e;       /* AA text-safe pink */
	--edulinked-info-text: #0d6072;          /* AA teal */

	/* -------------------------------------------------------
	   EXTENDED BLUES (original theme)
	   ------------------------------------------------------- */
	--edulinked-blue-50: #e3f2fd;
	--edulinked-blue-100: #bbdefb;
	--edulinked-blue-200: #90caf9;
	--edulinked-blue-300: #64b5f6;
	--edulinked-blue-400: #42a5f5;
	--edulinked-blue-500: #2196f3;
	--edulinked-blue-600: #1e88e5;
	--edulinked-blue-700: #1976d2;
	--edulinked-blue-800: #1565c0;
	--edulinked-blue-900: #0d47a1;

	/* -------------------------------------------------------
	   TYPOGRAPHY
	   ------------------------------------------------------- */
	--font-family-base: "Inter", system-ui, sans-serif;
	--font-family-heading: "Poppins", "Inter", sans-serif;

	--font-size-xs: 0.75rem;
	--font-size-sm: 0.875rem;
	--font-size-base: 1rem;       /* WCAG-safe minimum */
	--font-size-lg: 1.125rem;
	--font-size-xl: 1.25rem;
	--font-size-2xl: 1.5rem;
	--font-size-3xl: 2rem;
	--font-size-4xl: 2.5rem;

	--line-height-base: 1.55;     /* Above WCAG minimum */
	--line-height-tight: 1.35;
	--line-height-loose: 1.7;

	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;

	/* -------------------------------------------------------
	   spacing scale (unchanged, WCAG-safe)
	   ------------------------------------------------------- */
	--spacing-2xs: 0.25rem;
	--spacing-xs: 0.5rem;
	--spacing-sm: 1rem;
	--spacing-md: 1.5rem;
	--spacing-lg: 2rem;
	--spacing-xl: 3rem;
	--spacing-2xl: 4rem;

	/* -------------------------------------------------------
	   SEMANTIC COLOURS — LIGHT MODE (WCAG enhanced)
	   ------------------------------------------------------- */
	--color-text: #212529;
	--color-text-muted: #495057;            /* improved contrast */
	--color-heading: #0c162c;

	--color-bg: #ffffff;
	--color-bg-soft: #f8f9fa;
	--color-bg-alt: #f4f4f4;
	--color-surface: #ffffff;
	--color-surface-alt: #f1f3f5;

	--color-border: #d0d4d9;
	--color-border-subtle: #e8eaed;

	--color-link: var(--edulinked-primary-text);
	--color-link-hover: #163865;

	/* Feedback colours — AA compliant */
	--color-success: #1f7a35;
	--color-warning: #a37800;
	--color-danger: #a52834;
	--color-info: #0d6072;

	/* Universal focus ring — highly visible, WCAG AAA */
	--focus-ring: #005fcc;

	/* -------------------------------------------------------
	   DARK MODE
	   ------------------------------------------------------- */
	[data-theme="dark"] {
		--color-text: #e5e7eb;
		--color-text-muted: #9ca3af;
		--color-heading: #f0f0f0;

		--color-bg: #0b1120;
		--color-bg-soft: #111827;
		--color-bg-alt: #1f2937;
		--color-surface: #111827;
		--color-surface-alt: #1f2937;

		--color-border: #374151;
		--color-border-subtle: #4b5563;

		--color-link: #8ab4f8;
		--color-link-hover: #5892db;

		--focus-ring: #8ab4f8;
	}
}