/* ============================================================
   base.css — reset, tipografija, globalno. Bez klasa komponenata.
   ============================================================ */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(../../vendor/inter/inter-400.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(../../vendor/inter/inter-500.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(../../vendor/inter/inter-600.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(../../vendor/inter/inter-700.woff2) format("woff2"); }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; font-family: var(--ff); font-size: var(--fs); font-weight: 500;
  line-height: 1.47; color: var(--txt); background: var(--bg);
  transition: background .25s ease, color .25s ease;
}
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 500; line-height: 1.3; color: var(--txt); }
h1 { font-size: var(--fs-2xl); } h2 { font-size: var(--fs-xl); } h3 { font-size: var(--fs-lg); }
h4 { font-size: var(--fs-md); }  h5 { font-size: var(--fs); }   h6 { font-size: var(--fs-sm); }
p  { margin: 0 0 var(--sp-3); }
a  { color: var(--c-primary); text-decoration: none; }
a:hover { color: var(--c-primary-d); }
b, strong { font-weight: 600; }
small { font-size: var(--fs-xs); }
code, pre { font-family: "SFMono-Regular", Consolas, monospace; font-size: var(--fs-xs); }
img { max-width: 100%; }
svg { display: block; }
[hidden] { display: none !important; }
.hidden { display: none !important; }

::-webkit-scrollbar { width: .375rem; height: .375rem; }
::-webkit-scrollbar-thumb { background: var(--txt-3); border-radius: var(--r-pill); opacity: .6; }
::-webkit-scrollbar-track { background: transparent; }
* { scrollbar-width: thin; scrollbar-color: var(--txt-3) transparent; }

::selection { background: var(--primary-soft); }

/* pomoćne (koriste se svugdje, definirane JEDNOM) */
.t-2 { color: var(--txt-2); } .t-3 { color: var(--txt-3); }
.t-ok { color: var(--c-success); } .t-bad { color: var(--c-error); } .t-warn { color: var(--c-warning); }
.txt-upper { text-transform: uppercase; letter-spacing: .4px; font-size: var(--fs-xs); font-weight: 600; }
.mono { font-family: "SFMono-Regular", Consolas, monospace; font-size: var(--fs-xs); }
.nowrap { white-space: nowrap; }
.clickable { cursor: pointer; }