/* Kopija iz lukamatic-pro-design, commit 2074e4c80609c2930299a3649ceb4518bfbbd8f9, ne mijenjati ovdje */
/* ==========================================================================
   lukamatic.pro — design tokens
   Izvor istine za boje i tipografiju. Sve ostalo (site CSS, predlošci
   objava, Claude Design) čita odavde. Ručno mijenjati SAMO ovdje.
   Verzija: 2.0 · srpanj 2026. · paleta "papir + tinta"
   ========================================================================== */

:root {

  /* --- Podloge ------------------------------------------------------- */
  --lm-paper:        #F6F2E9;  /* primarna pozadina: topli papir */
  --lm-paper-2:      #E9E2D2;  /* sekundarna podloga: kartice, paneli, citati */

  /* --- Tinta (tekst) -------------------------------------------------- */
  --lm-ink:          #2B2926;  /* primarni tekst */
  --lm-ink-2:        #524D44;  /* sekundarni tekst, potpisi */
  --lm-ink-muted:    #6B655C;  /* metapodaci, kickeri, brojevi stranica */

  /* --- Tamni blokovi --------------------------------------------------- */
  --lm-dark:         #4A453C;  /* footer, header, overlay, tamni citati */
  --lm-on-dark:      #F4EFE4;  /* tekst na tamnoj podlozi */

  /* --- Akcenti ---------------------------------------------------------
     Princip: podloga i tipografija su konstanta branda, akcent je
     varijabla teme. Na webu je zadani akcent ciglasta.               */
  --lm-accent:       #8A3B2E;  /* zadani akcent: linkovi, podcrtavanja, CTA */
  --lm-accent-cyber: #8A3B2E;  /* tema: cybersec / infosec / privacy */
  --lm-accent-ops:   #3E5C50;  /* tema: DX / BizOps */

  /* --- Rubovi ---------------------------------------------------------- */
  --lm-hairline:     #D8D0BF;  /* separatori, tanke linije */

  /* --- Tipografija ------------------------------------------------------ */
  --lm-font-heading: "Aileron", "Helvetica Neue", Arial, sans-serif;
  --lm-font-body:    "IBM Plex Sans", "Segoe UI", sans-serif;
  --lm-font-serif:   "Spectral", Georgia, serif;   /* eseji, citati */
}

/* --------------------------------------------------------------------------
   Aileron @font-face scaffold
   Datoteke se drže lokalno (nisu u repou dok se ne potvrde formati i
   rezovi). Kad budu poznati, odkomentirati i upisati stvarne putanje.
   -------------------------------------------------------------------------- */
/*
@font-face {
  font-family: "Aileron";
  src: url("fonts/aileron-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("fonts/aileron-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
*/

/* --------------------------------------------------------------------------
   Tematske klase za predloške objava
   Predložak dobije jednu klasu i sav akcent (kicker, separator, teza,
   link) automatski poprimi boju teme.
   -------------------------------------------------------------------------- */
.tema-cyber { --lm-accent: var(--lm-accent-cyber); }
.tema-ops   { --lm-accent: var(--lm-accent-ops); }
/* eseji / općenito: bez klase, akcentne elemente ne koristiti ili ih
   ostaviti u --lm-ink */

/* --------------------------------------------------------------------------
   Zabranjeno (iz brand guidea, ovdje radi vidljivosti):
   - čista crna #000000 i čista bijela #FFFFFF
   - gradijenti, neon, korporativno plava
   - stara paleta: #C7D3C0 / #4E5B52 / #D8A75B se više ne koristi
   -------------------------------------------------------------------------- */