/* Most między kitem a theme.json.
   Kit czyta --foreto-*, motyw trzyma wartości w theme.json. Tu stoją wyłącznie
   aliasy — żadnej wartości. Dzięki temu przeniesione fragmenty kit.css zostają
   bajt w bajt jak w źródle i dają się diffować przy każdej zmianie kitu.

   NAZWY ZOSTAJĄ FORETOWE, WARTOŚCI SĄ FORMIMPRESSOWE. Motyw jest forkiem
   Foreto i kit ma 190 kB reguł czytających --foreto-*; masowa zamiana
   przedrostka dałaby jeden wielki diff, po którym żadna przyszła zmiana kitu
   nie da się już przenieść. Zmieniamy więc TO, NA CO wskazuje most, a nie
   nazwy — powód rozpisany w README.md, sekcja „Decyzje".

   Nazwy --fi-* z plansz design systemu (Doc/design-system/wspolne.css) stoją
   niżej, w drugim bloku: komponenty FormImpress w formimpress.css czytają je,
   żeby dało się je porównać z planszą wiersz w wiersz. */

:root,
.editor-styles-wrapper {
	--foreto-font: var(--wp--custom--font--body);
	/* Krój nagłówkowy — w Foreto go nie było, bo tam Poppins niósł wszystko.
	   Tu nagłówki, przyciski, etykiety i liczby idą Outfitem (zastępnik
	   ZonaPro; licencja webfont ZonaPro do potwierdzenia — Doc/00-DESIGN-WYTYCZNE.md). */
	--foreto-font-display: var(--wp--custom--font--display);

	--foreto-red: var(--wp--preset--color--red);
	--foreto-green: var(--wp--preset--color--green);
	--foreto-ink: var(--wp--custom--text--primary);
	--foreto-page: var(--wp--custom--surface--page);
	--foreto-text-accent: var(--wp--custom--text--accent);
	--foreto-text-muted: var(--wp--custom--text--muted);
	--foreto-text-muted-page: var(--wp--custom--text--muted-page);
	--foreto-text-on-accent: var(--wp--custom--text--on-accent);
	--foreto-text-success: var(--wp--custom--text--success);
	--foreto-surface-card: var(--wp--custom--surface--card);
	--foreto-surface-band: var(--wp--custom--surface--band);
	--foreto-surface-accent: var(--wp--custom--surface--accent);
	--foreto-surface-success: var(--wp--custom--surface--success);

	--foreto-border-hairline: var(--wp--custom--border--hairline);
	--foreto-border-hairline-page: var(--wp--custom--border--hairline-page);
	--foreto-border-control: var(--wp--custom--border--control);
	--foreto-border-strong: var(--wp--custom--border--strong);
	--foreto-border-elevation: var(--wp--custom--border--elevation);
	--foreto-border-width: var(--wp--custom--border--width);

	--foreto-focus: var(--wp--custom--state--focus);
	--foreto-focus-on-accent: var(--wp--custom--state--focus-on-accent);
	--foreto-accent-hover: var(--wp--custom--state--accent-hover);
	--foreto-ink-hover: var(--wp--custom--state--ink-hover);
	--foreto-scrim: var(--wp--custom--state--scrim);
	--foreto-overlay-accent: var(--wp--custom--state--overlay-accent);
	--foreto-shadow-card: var(--wp--preset--shadow--card);

	--foreto-space-0: 0;
	--foreto-space-1: var(--wp--preset--spacing--1);
	--foreto-space-2: var(--wp--preset--spacing--2);
	--foreto-space-3: var(--wp--preset--spacing--3);
	--foreto-space-4: var(--wp--preset--spacing--4);
	--foreto-space-5: var(--wp--preset--spacing--5);
	--foreto-space-6: var(--wp--preset--spacing--6);
	--foreto-space-7: var(--wp--preset--spacing--7);
	--foreto-space-8: var(--wp--preset--spacing--8);
	--foreto-space-9: var(--wp--preset--spacing--9);
	--foreto-space-10: var(--wp--preset--spacing--10);
	--foreto-space-11: var(--wp--preset--spacing--11);
	--foreto-space-12: var(--wp--preset--spacing--12);

	--foreto-font-size-h1: var(--wp--preset--font-size--h-1);
	--foreto-font-size-h2: var(--wp--preset--font-size--h-2);
	--foreto-font-size-h3: var(--wp--preset--font-size--h-3);
	--foreto-font-size-h4: var(--wp--preset--font-size--h-4);
	--foreto-font-size-body: var(--wp--preset--font-size--body);
	--foreto-font-size-card: var(--wp--preset--font-size--card);
	--foreto-line-h1: var(--wp--custom--line--h-1);
	--foreto-line-h2: var(--wp--custom--line--h-2);
	--foreto-line-h3: var(--wp--custom--line--h-3);
	--foreto-line-h4: var(--wp--custom--line--h-4);
	--foreto-line-body: var(--wp--custom--line--body);
	/* Interlinia wiersza komunikatu. Stat czyta ją dla etykiety zmiany i noty,
	   więc most musi ją znać, choć formularze nie są jeszcze przeniesione. */
	--foreto-msg-line: var(--wp--custom--field--msg-line);
	/* Wysokość pola i pola zwartego. Panel zawężeń mierzy nimi pozycję filtra
	   i wyrównanie etykiety grupy, żeby stanął w rytmie formularzy. */
	--foreto-field-h: var(--wp--custom--field--h);
	--foreto-field-h-dense: var(--wp--custom--field--h-dense);
	--foreto-field-pad-y: var(--wp--custom--field--pad-y);
	--foreto-field-pad-x: var(--wp--custom--field--pad-x);
	--foreto-field-pad-y-dense: var(--wp--custom--field--pad-y-dense);
	--foreto-field-pad-x-dense: var(--wp--custom--field--pad-x-dense);
	--foreto-field-gap: var(--wp--custom--field--gap);
	--foreto-field-gap-dense: var(--wp--custom--field--gap-dense);
	--foreto-label-gap: var(--wp--custom--field--label-gap);
	--foreto-msg-gap: var(--wp--custom--field--msg-gap);
	--foreto-textarea-h: var(--wp--custom--field--textarea-h);
	--foreto-textarea-h-dense: var(--wp--custom--field--textarea-h-dense);

	--foreto-wrap-max: var(--wp--custom--layout--wrap);
	--foreto-prose-max: var(--wp--custom--layout--prose);
	--foreto-wrap-gutter: var(--wp--custom--layout--gutter);

	--foreto-btn-pad-y: var(--wp--custom--btn--pad-y);
	--foreto-btn-pad-x: var(--wp--custom--btn--pad-x);
	--foreto-btn-pad-y-sm: var(--wp--custom--btn--pad-y-sm);
	--foreto-btn-pad-x-sm: var(--wp--custom--btn--pad-x-sm);
	--foreto-btn-pad-x-narrow: var(--wp--custom--btn--pad-x-narrow);
	--foreto-btn-pad-x-sm-narrow: var(--wp--custom--btn--pad-x-sm-narrow);
	--foreto-split-gap-width: var(--wp--custom--btn--split-gap);
	/* Foreto miało tu twarde zero — kanciasty był tam zabiegiem. FormImpress
	   ma pigułkę i miękką kartę, więc most niesie promień POLA (16 px), czyli
	   najczęstszy przypadek w kicie: pola, ikonowe przyciski, znaczniki.
	   Pigułkę przycisku i 24 px karty dokłada formimpress.css punktowo — jedna
	   wartość na wszystko dałaby pigułkowate pola tekstowe. */
	--foreto-radius: var(--wp--custom--radius--field);
	--foreto-radius-pill: var(--wp--custom--radius--pill);
	--foreto-radius-card: var(--wp--custom--radius--card);
	--foreto-radius-panel: var(--wp--custom--radius--panel);
	--foreto-btn-h: var(--wp--custom--btn--h);
	--foreto-btn-h-sm: var(--wp--custom--btn--h-sm);
	--foreto-btn-h-lg: var(--wp--custom--btn--h-lg);
	--foreto-btn-tracking: var(--wp--custom--btn--tracking);
	--foreto-text-heading: var(--wp--custom--text--heading);
	--foreto-hit: var(--wp--custom--hit);
	--foreto-transition-fast: var(--wp--custom--motion--duration-fast) ease-out;
	--foreto-transition-base: var(--wp--custom--motion--duration-base) ease-out;
	/* Sam czas, bez krzywej. Siatka „zjadanych pikseli" składa własne przejście
	   z trzech członów i musi wstawić opóźnienie po krzywej, więc gotowa para
	   „czas + krzywa" nie ma jak się tam zmieścić. */
	--foreto-duration-fast: var(--wp--custom--motion--duration-fast);
	--foreto-duration-base: var(--wp--custom--motion--duration-base);
	--foreto-icon-hover-scale: var(--wp--custom--motion--icon-hover-scale);
}

/* Drugi most: nazwy z plansz design systemu (--fi-*) na te same wartości.
   Plansze w Doc/design-system/ mówią „--fi-blekit-500", motyw trzyma to
   w theme.json. Dzięki tym aliasom komponent przeniesiony z planszy da się
   porównać z nią wiersz w wiersz, bez tłumaczenia nazw w głowie — i bez
   drugiego źródła wartości, bo tu też nie ma ani jednej liczby. */

:root,
.editor-styles-wrapper {
	--fi-glebia: var(--wp--preset--color--glebia);
	--fi-granat-900: var(--wp--preset--color--ink);
	--fi-granat-700: var(--wp--preset--color--granat-700);
	--fi-granat-500: var(--wp--preset--color--granat-500);
	--fi-blekit-500: var(--wp--preset--color--red);
	--fi-blekit-600: var(--wp--preset--color--red-text);
	--fi-blekit-300: var(--wp--preset--color--blekit-300);
	--fi-turkus: var(--wp--preset--color--turkus);
	--fi-zielen: var(--wp--preset--color--green);
	--fi-czerwien-foreto: var(--wp--preset--color--czerwien-foreto);
	--fi-lod: var(--wp--preset--color--band);
	--fi-szary-100: var(--wp--preset--color--szary-100);
	--fi-szary-300: var(--wp--preset--color--hairline);
	--fi-tekst: var(--wp--preset--color--tekst);
	--fi-tekst-2: var(--wp--preset--color--muted);
	--fi-biel: var(--wp--preset--color--paper);
	--fi-gradient: var(--wp--preset--gradient--akcent);

	--fi-display: var(--wp--custom--font--display);
	--fi-body: var(--wp--custom--font--body);

	--fi-r-pill: var(--wp--custom--radius--pill);
	--fi-r-xl: var(--wp--custom--radius--panel);
	--fi-r-lg: var(--wp--custom--radius--card);
	--fi-r-md: var(--wp--custom--radius--field);
	--fi-r-sm: var(--wp--custom--radius--sm);

	--fi-cien-1: var(--wp--preset--shadow--card);
	--fi-cien-2: var(--wp--preset--shadow--lifted);
	--fi-poswiata: 0 0 0 1px rgb(0 166 237 / 0.35), 0 12px 40px rgb(0 166 237 / 0.35);
	--fi-linia: var(--wp--custom--border--width) solid var(--wp--custom--border--hairline);
	--fi-linia-ciemna: var(--wp--custom--border--width) solid var(--wp--custom--border--hairline-dark);
}