/* marki-ribeira — tokeny 0.2.0 (23.10, #044, R-34): makieta A „Galeria” (magazyn/ribeira/marka/makiety_r3/A_galeria/index.html + OPIS.md), wartości 1:1.
   Kolor: tylko #000, #FFF, #6B6B6B (opisy, 5,3:1), #E5E5E5 (linie) — kolor wnoszą zdjęcia. Krój: Archivo (oś szerokości 62–125, waga 300–700),
   pliki WŁASNE (assets/fonts, licencja SIL OFL 1.1 — OFL-Archivo.txt), bez połączenia z Google Fonts (IP gościa nie wychodzi do Google). */
@font-face {
	font-family: "Archivo";
	src: url("fonts/archivo-latin-ext.woff2") format("woff2");
	font-style: normal; font-weight: 300 700; font-stretch: 62% 125%; font-display: swap;
	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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Archivo";
	src: url("fonts/archivo-latin.woff2") format("woff2");
	font-style: normal; font-weight: 300 700; font-stretch: 62% 125%; font-display: swap;
	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;
}
:root {
	--rb-ink: #000000;
	--rb-mute: #6B6B6B;
	--rb-line: #E5E5E5;
	--rb-paper: #FFFFFF;
	--rb-font: "Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
	--rb-side: 40px;          /* boki */
	--rb-section: 120px;      /* odstęp między sekcjami */
	--rb-gap: 1px;            /* szczelina kafli działów */
	--rb-h-bar: 32px;         /* pasek informacyjny */
	--rb-h-top: 68px;         /* nagłówek */
	--rb-h-nav: 44px;         /* menu */
	--rb-col-gap: 16px;       /* kolumny produktów */
	--rb-row-gap: 24px;       /* rzędy produktów */
	--rb-panel: 480px;        /* panel zakupu karty */
	--rb-tap: 44px;           /* cel dotyku */
	/* zgodność ze szkieletem 0.1.0 (nazwy używane w PHP / starszych regułach) */
	--rb-kolor-tekst: var(--rb-ink); --rb-kolor-tlo: var(--rb-paper); --rb-kolor-linia: var(--rb-line); --rb-kolor-akcent: var(--rb-ink);
	--rb-plaszczyzna: #F2F2F2; --rb-promien: 0; --rb-cel-dotyku: var(--rb-tap);
}
@media (max-width: 767px) {
	:root { --rb-side: 16px; --rb-section: 72px; --rb-h-top: 56px; --rb-col-gap: 8px; --rb-row-gap: 20px; }
}