/* ============================================================================
   Fontovi se posluzuju s naseg posluzitelja (assets/fonts/), ne s Google CDN-a.
   Razlog: uklanja render-blocking zahtjev na trecu domenu, mice dva dodatna
   TLS rukovanja s kriticnog puta i uklanja vanjsku ovisnost o dostupnosti.
   Podskupovi: latin + latin-ext (hrvatski c, c, z, s, d zive u latin-ext).
   ============================================================================ */
@font-face{
  font-family:'Inter';
  src:url('../../assets/fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
  font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,
    U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Inter';
  src:url('../../assets/fonts/inter-latin-ext-wght-normal.woff2') format('woff2-variations');
  font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,
    U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,
    U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'JetBrains Mono';
  src:url('../../assets/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,
    U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'JetBrains Mono';
  src:url('../../assets/fonts/jetbrains-mono-latin-ext-400-normal.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,
    U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'JetBrains Mono';
  src:url('../../assets/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2');
  font-weight:500;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,
    U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'JetBrains Mono';
  src:url('../../assets/fonts/jetbrains-mono-latin-ext-500-normal.woff2') format('woff2');
  font-weight:500;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,
    U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ============================================================================
   LumenSpark - landing/tokens.css
   Jedini :root landing stranice. Vrijednosti su 1:1 preslikane iz
   app/css/app.css (aplikacija je izvor istine za brand).
   Namespace svih klasa: .lsw-  (LumenSpark web)
   ============================================================================ */

:root{
  /* --- Povrsine (warm off-white editorial) ------------------------------- */
  --lsw-bg:#faf9f5;
  --lsw-surface:#fffefb;
  --lsw-surface-soft:#f5f0e8;
  --lsw-surface-muted:#efe9de;
  --lsw-border:#e6dfd8;
  --lsw-border-strong:#d8cfc4;

  /* --- Brand (near-black operational) ----------------------------------- */
  --lsw-brand:#181715;
  --lsw-brand-mid:#252320;
  --lsw-brand-dark:#0f0e0c;

  /* --- Akcent (muted terracotta) ---------------------------------------- */
  --lsw-accent:#cc785c;
  --lsw-accent-soft:#f7ece6;
  --lsw-accent-border:rgba(204,120,92,.22);
  --lsw-accent-deep:#a9583e;

  /* --- Semanticke operativne boje --------------------------------------- */
  --lsw-green:#3f9d7f;    --lsw-green-soft:#e7f4ef;   --lsw-green-b:rgba(63,157,127,.22);
  --lsw-orange:#cf8a3f;   --lsw-orange-soft:#fbf1e2;  --lsw-orange-b:rgba(207,138,63,.22);
  --lsw-red:#b5462f;      --lsw-red-soft:#f8ece8;     --lsw-red-b:rgba(181,70,47,.22);
  --lsw-yellow:#a9802a;   --lsw-yellow-soft:#f9f1dd;  --lsw-yellow-b:rgba(169,128,42,.22);
  --lsw-purple:#8a6db5;   --lsw-purple-soft:#f1ecf6;  --lsw-purple-b:rgba(138,109,181,.22);
  --lsw-teal:#3f8f96;     --lsw-teal-soft:#e7f2f3;    --lsw-teal-b:rgba(63,143,150,.22);
  --lsw-indigo:#5f6bb0;   --lsw-indigo-soft:#ecedf6;
  --lsw-info:#5681aa;     --lsw-info-soft:#e6eef8;

  /* --- Izvedene nijanse (tekst na soft podlozi, tintovi, vrhovi stupaca) --- */
  --lsw-green-ink:#2f7d63;
  --lsw-orange-ink:#a06a28;
  --lsw-teal-ink:#2f757b;
  --lsw-on-accent:#ffffff;
  --lsw-accent-light:#e8a98f;

  /* Terracotta tintovi (lijevak, heatmap) - izvedeni iz --lsw-accent */
  --lsw-tint-1:#f3e3da;
  --lsw-tint-2:#ecd2c5;
  --lsw-tint-3:#e2bda9;
  --lsw-heat-1:#f0d9cd;
  --lsw-heat-2:#e8c4b5;

  /* Vrhovi gradijenata na stupcima */
  --lsw-bar-green-top:#8fc9b5;
  --lsw-bar-red-top:#e6a898;

  /* Semanticke boje citljive na near-black plohi */
  --lsw-dark-red-ink:#e08a72;
  --lsw-dark-orange-ink:#e0ab6c;
  --lsw-dark-green-ink:#7fc9ad;

  /* Print */
  --lsw-print-ink:#000000;

  /* --- Kategorije sidebara (koristi se u rekonstrukciji UI-ja) ---------- */
  --lsw-cat-work:#5cc0a2;
  --lsw-cat-sales:#6fa368;
  --lsw-cat-projects:#e0967a;
  --lsw-cat-analytics:#a98fd0;
  --lsw-cat-people:#c9a14a;
  --lsw-cat-finance:#dba35a;
  --lsw-cat-audit:#7fa8c9;

  /* --- Tekst ------------------------------------------------------------ */
  --lsw-text:#141413;
  --lsw-text-2:#3d3d3a;
  --lsw-text-3:#6c6a64;
  --lsw-text-4:#8e8b82;

  /* Tekst na tamnim sekcijama */
  --lsw-on-dark:#faf9f5;
  --lsw-on-dark-2:#c4c0b8;
  --lsw-on-dark-3:#a09d96;
  --lsw-on-dark-4:#6f6c66;
  --lsw-on-dark-border:rgba(245,240,234,.12);
  --lsw-on-dark-surface:rgba(245,240,234,.045);

  /* Neprozirne plohe NA tamnoj podlozi.
     Vrijednosti su rezultat kompozita rgba(245,240,234,alpha) preko #181715,
     ali kao ciste boje - poluprozirna ploha pusta romb-mrezu sekcije da
     prosije kroz karticu, sto izgleda kao greska u ispisu. */
  --lsw-panel-dark:#201f1c;      /* okviri i rail na tamnom */
  --lsw-panel-dark-2:#1d1c1a;    /* uvuceni pojas unutar panela */

  /* Romb-mreza sidebara - brand tekstura tamnih sekcija */
  --lsw-lattice:rgba(245,240,234,.038);
  --lsw-lattice-step:28px;

  /* --- Tipografija ------------------------------------------------------ */
  /* Bez serifa. Inter (variable 400-800) nosi i tijelo i naslove; urednicki
     ton dolazi iz velicine, tezine i negativnog trackinga, ne iz druge obitelji.
     Iste dvije obitelji koristi i aplikacija - prijelaz je neprekinut. */
  --lsw-font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --lsw-mono:'JetBrains Mono','Inconsolata','Courier New',monospace;

  /* --- Geometrija ------------------------------------------------------- */
  --lsw-r-sm:8px;
  --lsw-r-md:12px;
  --lsw-r-lg:18px;
  --lsw-maxw:1200px;
  --lsw-gutter:26px;
  --lsw-nav-h:60px;

  /* --- Sjene (niske, realne) ------------------------------------------- */
  --lsw-sh-1:0 1px 2px rgba(20,20,19,.05);
  --lsw-sh-2:0 2px 10px rgba(20,20,19,.06);
  --lsw-sh-3:0 14px 44px -18px rgba(20,20,19,.20);
  --lsw-sh-4:0 30px 80px -34px rgba(20,20,19,.34);

  /* --- Motion ----------------------------------------------------------- */
  --motion-fast:180ms;
  --motion-standard:320ms;
  --motion-slow:650ms;
  --motion-ambient:8s;
  --motion-ease:cubic-bezier(.22,1,.36,1);
}
