/* KulturBunt — brend tokeni
Fontovi: Fira Sans Extra Condensed (displej), Source Serif 4 (tekst),
IBM Plex Mono (metapodaci). Svi SIL OFL, besplatni za komercijalnu upotrebu.
Za produkciju: skini fajlove i posluži ih sa svog domena umesto preko CDN-a. */
/* Fontovi se učitavaju NON-render-blocking preko u (index.html / 404.html),
ne preko @import — @import serijalizuje render i usporava FCP. */
:root {
/* podloge i tekst — svetli registar (podrazumevani) */
--kb-papir: #F2EDE4;
--kb-mastilo: #141210;
--kb-sloj: #E7E0D4;
--kb-sav: #C9C0B2; /* linije rasporeda — smeju da nestanu */
--kb-sav-znak: #6E6862; /* šav u znaku i neaktivne crtice — nose značenje, 4,72:1 */
--kb-sum: #8F877C;
--kb-bunt: #DA3A1C;
--kb-podloga: var(--kb-papir);
--kb-tekst: var(--kb-mastilo);
--kb-tekst-tiho: var(--kb-sum);
--kb-linija: var(--kb-sav);
--kb-linija-znak: var(--kb-sav-znak);
--kb-akcent: var(--kb-bunt);
--kb-kartica: var(--kb-sloj);
/* pisma */
--kb-displej: 'Fira Sans Extra Condensed', 'Arial Narrow', sans-serif;
--kb-tekst-font: 'Source Serif 4', Georgia, 'Times New Roman', serif;
--kb-meta: 'IBM Plex Mono', ui-monospace, 'Courier New', monospace;
/* mera */
--kb-mera: 68ch;
--kb-crtica-w: 3px;
--kb-crtica-razmak: 4px;
}
/* tamni registar: sve što je slika — kaveri, tumbnejlovi, hero blokovi.
Klasa se stavlja namerno; nije vezana za sistemsku postavku. */
.kb-tamno,
[data-registar='tamno'] {
--kb-podloga: var(--kb-mastilo);
--kb-tekst: #EDE7DC;
--kb-tekst-tiho: #7C756B;
--kb-linija: #3A3530;
--kb-linija-znak: #6B645B; /* 3,20:1 na mastilu */
--kb-akcent: #FF5330;
--kb-kartica: #1F1C19;
}
/* --- osnova --- */
body {
background: var(--kb-podloga);
color: var(--kb-tekst);
font-family: var(--kb-tekst-font);
font-size: 1.0625rem;
line-height: 1.62;
font-optical-sizing: auto;
}
p { max-width: var(--kb-mera); }
h1, h2, h3, .kb-naslov {
font-family: var(--kb-displej);
font-weight: 900;
line-height: 1.04;
letter-spacing: -0.01em;
text-transform: none;
margin: 0 0 0.4em;
}
h1 { font-size: clamp(2.4rem, 6vw, 4rem); }
h2 { font-size: clamp(1.7rem, 3.6vw, 2.4rem); }
h3 { font-size: 1.35rem; font-weight: 700; }
a { color: var(--kb-akcent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
/* metapodaci: uvek grad, mesec, etiketa — uvek u ovom fontu, uvek malim slovima */
.kb-meta {
font-family: var(--kb-meta);
font-size: 0.8125rem;
letter-spacing: 0.04em;
color: var(--kb-tekst-tiho);
}
hr, .kb-sav {
border: 0;
height: 1px;
background: var(--kb-linija);
margin: 2rem 0;
}
/* --- šestica: SI HR BA ME RS MK, redosled zapad→istok, nikad drugačiji ---
*/
.kb-sestica {
display: inline-flex;
align-items: flex-end;
gap: var(--kb-crtica-razmak);
height: 22px;
vertical-align: -3px;
}
.kb-sestica i {
width: var(--kb-crtica-w);
height: 13px;
background: var(--kb-linija-znak);
}
.kb-sestica[data-drzava='si'] i:nth-child(1),
.kb-sestica[data-drzava='hr'] i:nth-child(2),
.kb-sestica[data-drzava='ba'] i:nth-child(3),
.kb-sestica[data-drzava='me'] i:nth-child(4),
.kb-sestica[data-drzava='rs'] i:nth-child(5),
.kb-sestica[data-drzava='mk'] i:nth-child(6) {
background: var(--kb-akcent);
height: 21px;
}
/* --- fotografija: nikad neobrađena, ma odakle stigla --- */
.kb-foto {
filter: grayscale(1) contrast(1.12) brightness(0.94);
display: block;
width: 100%;
}
.kb-foto--duoton {
filter: grayscale(1) contrast(1.2);
mix-blend-mode: luminosity;
background: var(--kb-akcent);
}
@media (prefers-reduced-motion: reduce) {
* { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}