/* Vizuální styl veřejné části (docs/zadani-verejna-mapa.md, kap. 7): barvy a písma jako proměnné.
   Barvy období a stylů vrstev mapy jsou data (administrace), ne tady. */

:root {
	/* barvy */
	--ink: #1C2321;            /* text, tmavé prvky, aktivní tlačítka */
	--paper: #F2EEE4;          /* podklad stránek */
	--paper-light: #FBF9F4;    /* karty, panel, časová osa */
	--line: #D6CEBB;           /* oddělovače */
	--line-strong: #C9C2B2;    /* okraje tlačítek */
	--text-muted: #3A4440;     /* popisky */
	--text-soft: #4F5A56;      /* méně důležité popisky */
	--accent: #B5432F;         /* rok na ose, kužel výhledu, zvýraznění */
	--accent-ink: #FFFFFF;     /* text na akcentu */

	/* písma */
	--font-serif: "Literata", Georgia, "Times New Roman", serif;   /* nadpisy, názvy */
	--font-sans: "IBM Plex Sans", system-ui, "Segoe UI", sans-serif; /* text, ovládání */
	--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace; /* roky, čísla popisná, slugy */

	/* rozměry */
	--panel-width: 340px;
	--timeline-height: 136px; /* výchozí výška časové osy, skutečnou měří map.js */
	--radius: 6px;
	--touch: 44px;             /* nejmenší dotyková plocha */
	--shadow: 0 1px 4px rgba(28, 35, 33, .18), 0 2px 12px rgba(28, 35, 33, .12);
}

/* velké monitory: postranní panel na třetinu šířky okna (mobil má vlastní nastavení v map.css) */
@media (min-width: 1100px) {
	:root { --panel-width: 33.333vw; }
}