/* EduMelodica design tokens — from nmat handoff + EduMelodica-assets */
@font-face {
	font-family: "Nunito";
	src: url("../fonts/Nunito[wght].ttf") format("truetype");
	font-weight: 200 1000;
	font-display: swap;
}

:root {
	/* Brand (handoff) */
	--edu-fuchsia: #E80A7A;
	--edu-fuchsia-dark: #C90067;
	--edu-navy: #0B4566;
	--edu-cyan: #29B9E5;
	--edu-yellow: #F7C40A;
	--edu-lime: #8FC238;
	--edu-orange: #F6921E;
	--edu-white: #FFFFFF;
	--edu-pink-soft: #FCE7F2;
	--edu-cyan-soft: #EAF8FD;
	--edu-lime-soft: #F2F8E8;
	--edu-gray-soft: #F7F8FA;
	--edu-border: #DDE5EA;
	--edu-text: #0B4566;
	--edu-text-muted: #49677A;
	--edu-font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
	--edu-radius-sm: 12px;
	--edu-radius-md: 20px;
	--edu-radius-lg: 28px;
	--edu-radius-pill: 999px;
	--edu-shadow-card: 0 10px 30px rgba(11, 69, 102, 0.10);
	--edu-shadow-float: 0 18px 45px rgba(11, 69, 102, 0.16);
	--edu-content-max: 1240px;
	--edu-gutter-desktop: 24px;
	--edu-gutter-mobile: 16px;
	--edu-section-desktop: 104px;
	--edu-section-tablet: 80px;
	--edu-section-mobile: 60px;
	--edu-tap-target-min: 44px;
	--edu-button-min-height: 48px;
	--edu-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	--edu-hero-overlay: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0) 65%);

	/* Aliases used by stylesheet.css */
	--magenta: var(--edu-fuchsia);
	--magenta-dark: var(--edu-fuchsia-dark);
	--magenta-soft: #FF4FA8;
	--yellow: var(--edu-yellow);
	--yellow-bright: #FFE407;
	--navy: var(--edu-navy);
	--navy-soft: var(--edu-text-muted);
	--cyan: var(--edu-cyan);
	--lime: var(--edu-lime);
	--green: var(--edu-lime);
	--orange: var(--edu-orange);
	--blue: var(--edu-cyan);
	--spe-bg: var(--edu-cyan-soft);
	--white: var(--edu-white);
	--gray: var(--edu-text-muted);
	--font-display: var(--edu-font);
	--font-body: var(--edu-font);
	--radius: var(--edu-radius-md);
	--radius-lg: var(--edu-radius-lg);
	--container: var(--edu-content-max);
	--shadow: var(--edu-shadow-card);
}