/* ============================================================
   beta-web – zakladny styl (v1.0.0)
   Farby a typografia podla navrhu klubu.
   ============================================================ */
:root {
  --podklad:   #F3EFE6;
  --primarna:  #14213D;
  --karta:     #FFFFFF;
  --linka:     #E2DCCF;
  --tlmeny:    #5B6478;
  --u12:       #0F766E;
  --u13:       #C2410C;
  --dnes:      #D7141A;
  --radius:    14px;
  --tap:       44px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--podklad);
  color: var(--primarna);
  font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, .nadpis {
  font-family: "Barlow Condensed", "Barlow", system-ui, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin: 0 0 .5rem;
}

a { color: var(--primarna); }

.obal { max-width: 900px; margin: 0 auto; padding: 1rem; }

.karta {
  background: var(--karta);
  border: 1px solid var(--linka);
  border-radius: var(--radius);
  padding: 1rem;
  margin-bottom: 1rem;
}

.tlmene { color: var(--tlmeny); }

.znacka-u12 { color: var(--u12); }
.znacka-u13 { color: var(--u13); }

button, .tlacidlo, input, select {
  min-height: var(--tap);
  font-size: 16px;
  font-family: inherit;
  border-radius: 10px;
}

.hlavicka {
  background: var(--primarna);
  color: var(--podklad);
  padding: .75rem 1rem;
}
.hlavicka .obal { display: flex; align-items: center; gap: .75rem; padding: 0; }
.hlavicka .nadpis { color: var(--podklad); margin: 0; font-size: 1.35rem; }

.pata {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--tlmeny);
  font-size: .9rem;
}