/*
 * Designtokenek.
 *
 * Minden szín, betű, méret és árnyék egy helyen. A többi stíluslap csak
 * ezekre a változókra hivatkozik — így az arculat egyetlen fájlból hangolható.
 *
 * A kék és az arany az iskola címeréből lett mintavételezve. A kék a
 * megrendelő kérésére világosabbra hangolva (a felkínált fokozatok közül a
 * „határozott” változat): a telítettség vissza, a világosság érezhetően fel.
 */

:root {
	/* --- Márkakék --------------------------------------------------------- */
	--navy-900: #1A2438;
	--navy-800: #2A3E63;  /* elsődleges márkakék */
	--navy-700: #35496E;
	--navy-600: #4A6390;
	--navy-100: #E8EDF6;

	/* --- Arany ------------------------------------------------------------
	 * FIGYELEM: a --gold-500 csak SÖTÉT háttéren használható szövegként.
	 * Fehéren a kontrasztja kb. 2:1, ami messze az AA alatt van — világos
	 * felületen a --gold-700 a szövegváltozat.
	 */
	--gold-300: #E6D9B8;  /* csak a beiskolázási kártyákon: ott a háttér világosabb */
	--gold-400: #D8C395;
	--gold-500: #C8AF76;  /* márka arany */
	--gold-600: #A88A48;
	--gold-700: #7A6229;  /* szövegre világos háttéren */

	/* --- Kiemelés: az épület cserépteteje ---------------------------------- */
	--brick-500: #B4533A;
	--brick-600: #96412C;

	/* --- Semleges skála ---------------------------------------------------- */
	--ink: #101720;
	--body: #4A5566;
	/* A halvány kísérőszöveg. #78838F volt, de a fehér (3,86:1) és a
	   halvány felületen (3,63:1) is elbukta a WCAG AA 4,5:1 küszöbét —
	   pedig 12–14 px-es normál szövegen használjuk. Ez az érték
	   ugyanaz az árnyalat, csak sötétebb: 5,11:1 fehéren, 4,80:1 a
	   felületen. SÖTÉT háttérre NE ez kerüljön, arra az --on-dark-* van. */
	--muted: #646F7D;
	--line: #E2E6EC;
	--line-2: #EEF1F5;
	--surface: #F6F8FB;
	--surface-2: #EDF1F7;
	--white: #fff;

	/* --- Sötét felületen futó szövegek -------------------------------------
	 * Ezek a --navy-800 / --navy-900 hátterekhez vannak hangolva, mind
	 * legalább 4.5:1 kontraszttal.
	 */
	--on-dark: #C9D5E8;
	--on-dark-halvany: #AABAD2;
	--on-dark-cimke: #93A3BC;
	--on-dark-lablec: #94A4BE;

	/* --- Árnyékok ---------------------------------------------------------- */
	--shadow-sm: 0 1px 2px rgba(16, 23, 32, .06), 0 2px 6px rgba(16, 23, 32, .05);
	--shadow-md: 0 4px 12px rgba(16, 23, 32, .07), 0 12px 28px rgba(16, 23, 32, .07);
	--shadow-lg: 0 10px 24px rgba(26, 36, 56, .10), 0 28px 60px rgba(26, 36, 56, .13);

	/* --- Sarokkerekítés ----------------------------------------------------- */
	--r-sm: 8px;
	--r-md: 14px;
	--r-lg: 20px;
	--r-xl: 28px;

	/* --- Elrendezés --------------------------------------------------------- */
	--container: 1240px;
	/*
	 * Az olvashato szoveghasab. A theme.json layout.contentSize-jabol jon,
	 * hogy egyetlen helyen kelljen allitani; a tartalek ertek arra kell, ha
	 * a WordPress global-styles valamiert nem toltodne be.
	 */
	--tartalom: var(--wp--style--global--content-size, 820px);

	/* --- Betűk -------------------------------------------------------------
	 * Rendszerbetűk: nincs külső betöltés, nincs adatvédelmi kérdés,
	 * és offline is helyesen jelenik meg.
	 */
	--serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
	--sans: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Inter", "Helvetica Neue", Arial, sans-serif;
	--mono: ui-monospace, "Cascadia Code", Consolas, "SF Mono", Menlo, monospace;
}