/**
 * MedSolutions LMS — Shared design tokens
 * Used by student dashboard, MCQ bank, and exam engine screens.
 * Teal/navy academy brand aligned with theme CSS variables.
 */

:root {
	--mslms-blue: var(--blue-deep, #0B4F87);
	--mslms-navy: var(--blue-navy, #083D6B);
	--mslms-teal: var(--teal, #0A7A6D);
	--mslms-green: var(--green, #0C9A46);
	--mslms-green-bright: var(--green-fresh, #27B45B);
	--mslms-ink: var(--charcoal, #2C3E50);
	--mslms-muted: var(--msa-muted-text, rgba(44, 62, 80, 0.72));
	--mslms-surface: var(--msa-glass-bg, rgba(255, 255, 255, 0.72));
	--mslms-surface-solid: var(--white, #fff);
	--mslms-bg: var(--gray-light, #F5F8FB);
	--mslms-border: var(--msa-border, rgba(11, 79, 135, 0.1));
	--mslms-shadow: var(--msa-shadow-md, 0 20px 60px -20px rgba(8, 61, 107, 0.18));
	--mslms-shadow-sm: var(--msa-shadow-sm, 0 10px 28px -18px rgba(11, 79, 135, 0.28));
	--mslms-radius: var(--msa-radius-md, 16px);
	--mslms-radius-sm: var(--msa-radius-sm, 12px);
	--mslms-pill: 999px;
	--mslms-nav-width: 248px;
	--mslms-space-1: 8px;
	--mslms-space-2: 12px;
	--mslms-space-3: 16px;
	--mslms-space-4: 24px;
	--mslms-space-5: 32px;
	--mslms-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--mslms-font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
	--mslms-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
	--mslms-transition: var(--msa-transition, 0.22s ease);
	--mslms-warn: #c45c26;
	--mslms-flag: #b8860b;

	/* Aliases consumed by existing dashboard / exam-engine sheets */
	--sd-blue: var(--mslms-blue);
	--sd-navy: var(--mslms-navy);
	--sd-green: var(--mslms-green);
	--sd-green-bright: var(--mslms-green-bright);
	--sd-ink: var(--mslms-ink);
	--sd-muted: var(--mslms-muted);
	--sd-surface: var(--mslms-surface);
	--sd-surface-solid: var(--mslms-surface-solid);
	--sd-bg: var(--mslms-bg);
	--sd-border: var(--mslms-border);
	--sd-shadow: var(--mslms-shadow);
	--sd-shadow-sm: var(--mslms-shadow-sm);
	--sd-radius: var(--mslms-radius);
	--sd-radius-sm: var(--mslms-radius-sm);
	--sd-pill: var(--mslms-pill);
	--sd-nav-width: var(--mslms-nav-width);
	--sd-space-1: var(--mslms-space-1);
	--sd-space-2: var(--mslms-space-2);
	--sd-space-3: var(--mslms-space-3);
	--sd-space-4: var(--mslms-space-4);
	--sd-space-5: var(--mslms-space-5);
	--sd-font-display: var(--mslms-font-display);
	--sd-font-body: var(--mslms-font-body);
	--sd-font-mono: var(--mslms-font-mono);
	--sd-transition: var(--mslms-transition);
}

[data-theme="dark"] {
	--mslms-surface: rgba(26, 35, 50, 0.78);
	--mslms-surface-solid: #1A2332;
	--mslms-border: rgba(255, 255, 255, 0.1);
	--sd-surface: var(--mslms-surface);
	--sd-surface-solid: var(--mslms-surface-solid);
	--sd-border: var(--mslms-border);
}