/*
 * Fonty — self-hosted (pliki leżą w assets/fonts/, nic nie idzie do Google).
 *
 * DLACZEGO SELF-HOSTING, a nie link do Google Fonts:
 *  1. RODO — każde wczytanie fontu z fonts.gstatic.com wysyła IP użytkownika
 *     do Google. Na stronie przedszkola, gdzie odwiedzającymi są rodzice
 *     dzieci z niepełnosprawnością, to zbędne ryzyko prawne.
 *  2. Szybkość — jedno połączenie mniej (brak DNS + TLS do obcego hosta).
 *  3. Kontrola — plik nie zniknie i nie zmieni się bez naszej wiedzy.
 *
 * Licencja obu krojów: SIL Open Font License 1.1 — self-hosting dozwolony.
 *
 * ── FRAUNCES ── nagłówki i logotyp
 * Jeden plik obsługuje CAŁY zakres grubości 300–700, bo to font ZMIENNY
 * (variable). Zamiast sześciu plików po ~60 KB mamy jeden.
 * Osie w tym pliku: `wght` (grubość) i `opsz` (optical size — font sam
 * dostosowuje kontrast kresek do rozmiaru tekstu).
 *
 * ── ATKINSON HYPERLEGIBLE ── tekst, podpisy, UI
 * Krój Braille Institute, zaprojektowany pod maksymalną czytelność:
 * rozróżnialne I/l/1 oraz O/0. To decyzja dostępnościowa, nie estetyczna.
 * Dostępny tylko jako statyczne cięcia, więc dwa pliki: 400 i 700.
 *
 * `font-display: swap` — tekst jest widoczny od razu w foncie systemowym
 * i podmienia się po pobraniu. Alternatywa (`block`) oznaczałaby niewidoczny
 * tekst na start, co jest gorsze niż jednorazowy przeskok.
 *
 * `unicode-range` — przeglądarka pobiera plik latin-ext DOPIERO gdy na stronie
 * wystąpi znak z tego zakresu. Polski tekst pobierze oba pliki, angielski jeden.
 */

/* ───────────────────────── Fraunces (variable 300–700) ───────────────────────── */

/* latin-ext — polskie znaki diakrytyczne: ą ć ę ł ń ś ź ż */
@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/fraunces-var-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin — alfabet podstawowy, w tym „ó" */
@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/fraunces-var-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ────────────────────── Atkinson Hyperlegible (400 i 700) ────────────────────── */

@font-face {
	font-family: 'Atkinson Hyperlegible';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/atkinson-400-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Atkinson Hyperlegible';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/atkinson-400-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Atkinson Hyperlegible';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/atkinson-700-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Atkinson Hyperlegible';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/atkinson-700-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}