/* =========================================================
   BASE — reset, písmo, spoločné drobnosti.
   ========================================================= */

*{box-sizing:border-box}

html,body{height:100%}

body{
  margin:0;
  background:var(--c-ground);
  color:var(--c-ink);
  font-family:var(--f-body);
  font-size:var(--fs-body);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3{font-family:var(--f-display);font-weight:600;margin:0;text-wrap:balance;letter-spacing:-.02em}

a{color:inherit}

button{font-family:inherit;color:inherit;cursor:pointer}

:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px;border-radius:4px}

/* mono verzálkový popisok — používa sa naprieč celým webom */
.label{
  font-family:var(--f-mono);
  font-size:var(--fs-label);
  letter-spacing:var(--ls-label);
  text-transform:uppercase;
  color:var(--c-muted);
}

.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}

.pill{
  display:inline-flex;align-items:center;gap:var(--sp-1);
  border-radius:var(--r-pill);
  padding:5px 11px;
  background:var(--c-surface-2);
}

.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}