/*
Theme Name:  Hybrid.hr
Theme URI:   https://hybrid.hr
Description: Tema za Hybrid.hr — hibridne utrke, teretane i treneri u Hrvatskoj i Sloveniji. Sestrinska tema Runners.hr. Zahtijeva plugin Hybrid.hr.
Version:     0.1.1
Author:      Hybrid.hr
Text Domain: hybrid-hr
License:     GPL-2.0+
*/

/* Svi stilovi su u assets/css/hybrid.css — ovdje samo tokeni i osnove. */
:root {
  --hyb-beton:      #E3E4DF;  /* pozadina */
  --hyb-kreda:      #F6F6F2;  /* površine */
  --hyb-grafit:     #181C21;  /* tekst, header, footer */
  --hyb-guma:       #2B3036;  /* tamni paneli */
  --hyb-kobalt:     #2340D6;  /* akcent (boja utega od 20 kg) */
  --hyb-kobalt-dk:  #1A30A8;
  --hyb-kobalt-sv:  #9AABFF;  /* akcent na tamnoj podlozi */
  --hyb-tekst-2:    #3E444C;
  --hyb-tekst-3:    #4A5058;
  --hyb-na-tamnom:  #C9CDD2;
  --hyb-linija:     #B9BDB8;
  --hyb-linija-2:   #C9CCC6;
  --hyb-linija-tm:  #3A4048;
  --hyb-obrub:      #9AA0A7;
  --hyb-otvorene:   #1F8A4C;
  --hyb-najavljeno: #8A9097;
  --hyb-popunjeno:  #C8321E;

  --hyb-display: 'Bebas Neue', 'Oswald', Impact, sans-serif;
  --hyb-body:    'DM Sans', -apple-system, 'Segoe UI', sans-serif;
  --hyb-pad:     clamp(1.25rem, 5.5vw, 5rem);
  --hyb-max:     1440px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--hyb-body);
  background: var(--hyb-beton);
  color: var(--hyb-grafit);
  line-height: 1.55;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--hyb-kobalt); }
a:hover { color: var(--hyb-kobalt-dk); }
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--hyb-kobalt); outline-offset: 3px;
}
h1, h2, h3, h4 { font-family: var(--hyb-display); font-weight: 400; line-height: .9; letter-spacing: .005em; margin: 0; }
section[id] { scroll-margin-top: 6rem; }
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px,1px,1px,1px); white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}