/* Dočasný základ, než vznikne vizuální identita. Barvy a velikosti jen jako tokeny tady nahoře,
   nové hodnoty natvrdo nepatří nikam jinam. Písmo zatím systémové: žádný požadavek navíc, CSP 'self'. */

:root {
  --color-bg: #fbfaf8;
  --color-text: #1f1d1b;
  --color-muted: #5c5752;
  --color-line: #e3dfd9;
  --color-link: #1f1d1b;
  --color-mark: #fff1b8;
  --font-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.375rem;
  --text-xl: 2.25rem;
  --measure: 38rem;
}

/* ---------- Základ ---------- */

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font: var(--text-base)/1.6 var(--font-base);
}
a { color: var(--color-link); text-underline-offset: 0.15em; }
img { max-width: 100%; height: auto; }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: var(--space-3); top: var(--space-3); background: var(--color-bg); padding: var(--space-2); }

/* ---------- Hlavička ---------- */

.site-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  max-width: var(--measure);
  margin: 0 auto;
  padding: var(--space-4) var(--space-3);
}
.brand { font-weight: 600; text-decoration: none; margin-right: auto; }
.nav { display: flex; gap: var(--space-3); list-style: none; margin: 0; padding: 0; }
.nav a { text-decoration: none; }
.nav a[aria-current="page"] { text-decoration: underline; }
.lang-switch { margin: 0; font-size: var(--text-sm); }

/* ---------- Obsah ---------- */

main { max-width: var(--measure); margin: 0 auto; padding: 0 var(--space-3) var(--space-5); }
h1 { font-size: var(--text-xl); line-height: 1.15; margin: var(--space-4) 0; }
h2 { font-size: var(--text-lg); margin: var(--space-5) 0 var(--space-3); }
.crumbs { font-size: var(--text-sm); color: var(--color-muted); }
.figure { margin: var(--space-4) 0; }

/* ---------- Náhled ---------- */

.preview-bar { margin: 0; padding: var(--space-1); text-align: center; font-size: var(--text-sm); background: var(--color-mark); }
.doplnit { background: var(--color-mark); padding: 0 var(--space-1); }

/* ---------- Patička ---------- */

.site-footer {
  max-width: var(--measure);
  margin: 0 auto;
  padding: var(--space-4) var(--space-3);
  border-top: 1px solid var(--color-line);
  color: var(--color-muted);
  font-size: var(--text-sm);
}