/* ------------------------------------------------------------------
   K6 — zdielany dizajn-system
   ------------------------------------------------------------------ */

:root {
  /* paleta odvodena z vizualizacii */
  --brick: #c89968;          /* tehlovo zlta (fasada) */
  --brick-dark: #8a6638;
  --ink: #1a1815;            /* skoro-cierna, tepla */
  --ink-2: #2c2823;
  --graphite: #3a3733;       /* antracit (strecha, ramy okien) */
  --bone: #f4efe7;           /* kremovo-biele pozadie */
  --paper: #faf7f1;
  --line: #d9d2c4;
  --muted: #6b6358;
  --accent: #c89968;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background: var(--bone);
  color: var(--ink);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
  font-family: 'Fraunces', 'Times New Roman', serif;
  font-weight: 400;
  font-variation-settings: "opsz" 144, "SOFT" 30;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin: 0;
}

.mono { font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace; }
.eyebrow {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--muted);
}

a { color: inherit; }

.k6-mark {
  display: inline-flex; align-items: baseline; gap: 0.4ch;
  font-family: 'Fraunces', serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.k6-mark .dot {
  display: inline-block; width: 0.4em; height: 0.4em;
  background: var(--brick); border-radius: 50%;
  transform: translateY(-0.15em);
}