/* ============================================================
   KRIS DESIGN — paleta i kroje marki

   Ten plik odtwarza dokładnie to, co WordPress sam wygenerowałby
   z `theme.json`: zmienne `--wp--preset--*` oraz klasy `has-*`.
   Dzięki temu, gdy aktualizacja motywu zabierze wpisy z jego
   `theme.json`, strona nadal ma swoje kolory i kroje.

   Dopóki wpisy w motywie są, obie definicje mają te same wartości
   i nic się nie dubluje wizualnie.

   Adresy fontów są względne — przeglądarka rozwiązuje je względem
   tego pliku, czyli względem katalogu wtyczki.
   ============================================================ */


/* ---------- 1. Kroje ---------- */

@font-face {
	font-family: "Source Serif 4";
	font-style: normal;
	font-weight: 200 900;
	font-display: swap;
	src: url("assets/fonts/source-serif-4/SourceSerif4-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+2000-206F, U+20AC;
}

@font-face {
	font-family: "Source Serif 4";
	font-style: normal;
	font-weight: 200 900;
	font-display: swap;
	src: url("assets/fonts/source-serif-4/SourceSerif4-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-024F, U+0304, U+0308, U+0329;
}

@font-face {
	font-family: "Caveat";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("assets/fonts/caveat/Caveat-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+2000-206F, U+20AC;
}

@font-face {
	font-family: "Caveat";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("assets/fonts/caveat/Caveat-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-024F, U+0304, U+0308, U+0329;
}


/* ---------- 2. Zmienne ---------- */

:root {
	--wp--preset--color--kd-base: #000000;
	--wp--preset--color--kd-contrast: #f3f2f2;
	--wp--preset--color--kd-surface: #eae9e9;
	--wp--preset--color--kd-primary: #0088b0;
	--wp--preset--color--kd-accent: #d6006c;

	--wp--preset--font-family--source-serif-4: "Source Serif 4", serif;
	--wp--preset--font-family--caveat: "Caveat", cursive;
}


/* ---------- 3. Klasy, których używa treść stron ---------- */
/* `!important` nie jest tu wyborem stylistycznym — dokładnie tak
   WordPress generuje te klasy z `theme.json`. Bez tego zachowywałyby
   się inaczej niż dotąd. */

.has-kd-base-color { color: var(--wp--preset--color--kd-base) !important; }
.has-kd-contrast-color { color: var(--wp--preset--color--kd-contrast) !important; }
.has-kd-surface-color { color: var(--wp--preset--color--kd-surface) !important; }
.has-kd-primary-color { color: var(--wp--preset--color--kd-primary) !important; }
.has-kd-accent-color { color: var(--wp--preset--color--kd-accent) !important; }

.has-kd-base-background-color { background-color: var(--wp--preset--color--kd-base) !important; }
.has-kd-contrast-background-color { background-color: var(--wp--preset--color--kd-contrast) !important; }
.has-kd-surface-background-color { background-color: var(--wp--preset--color--kd-surface) !important; }
.has-kd-primary-background-color { background-color: var(--wp--preset--color--kd-primary) !important; }
.has-kd-accent-background-color { background-color: var(--wp--preset--color--kd-accent) !important; }

.has-kd-base-border-color { border-color: var(--wp--preset--color--kd-base) !important; }
.has-kd-contrast-border-color { border-color: var(--wp--preset--color--kd-contrast) !important; }
.has-kd-surface-border-color { border-color: var(--wp--preset--color--kd-surface) !important; }
.has-kd-primary-border-color { border-color: var(--wp--preset--color--kd-primary) !important; }
.has-kd-accent-border-color { border-color: var(--wp--preset--color--kd-accent) !important; }

.has-source-serif-4-font-family { font-family: var(--wp--preset--font-family--source-serif-4) !important; }
.has-caveat-font-family { font-family: var(--wp--preset--font-family--caveat) !important; }