/* ---------------------------------------------------------------
   base.css – barvy, typografie, reset, opakované prvky
   --------------------------------------------------------------- */
:root{
  --ink:#0E1113;
  --paper:#F3F4F1;
  --chalk:#DCDED6;
  --orange:#E6601C;
  --pitch:#1E4634;
  --muted:#5C6360;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Karla",system-ui,sans-serif;font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;
  letter-spacing:.005em;line-height:1.13;margin:0}
a{color:inherit}
img,svg{max-width:100%}

.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.label{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted)}

.btn{display:inline-block;text-decoration:none;padding:15px 26px;border-radius:2px;
  font-weight:700;font-size:15px;letter-spacing:.01em}
.btn-p{background:var(--orange);color:#fff}
.btn-p:hover{background:var(--ink)}
.btn-s{border:1.5px solid var(--ink)}
.btn-s:hover{background:var(--ink);color:var(--paper)}

.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}