/* D6 · OBSIDIAN SIGNAL — tokeni (osnova D5 Obsidian; + tokeni šema) (premium monohrom, staklo i dubina)
   Akcenat postoji samo kao SVETLO: rim, meki sjaj <=18 %, fokus/aktivno stanje, CTA. */

/* ---------- fontovi (self-host, latin + latin-ext podskup, variable wght) ---------- */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/intertight-lat.woff2) format("woff2");
  unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/intertight-ext.woff2) format("woff2");unicode-range:U+0106-0107,U+010C-010D,U+0110-0111,U+0160-0161,U+017D-017E}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/inter-lat.woff2) format("woff2");
  unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/inter-ext.woff2) format("woff2");unicode-range:U+0106-0107,U+010C-010D,U+0110-0111,U+0160-0161,U+017D-017E}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400 500;font-display:swap;
  src:url(../fonts/geistmono-lat.woff2) format("woff2");
  unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400 500;font-display:swap;
  src:url(../fonts/geistmono-ext.woff2) format("woff2");unicode-range:U+0106-0107,U+010C-010D,U+0110-0111,U+0160-0161,U+017D-017E}

/* animirani custom property-ji (svetlo prati kursor na hover-u, 0.8 s) */
@property --mx{syntax:"<percentage>";inherits:false;initial-value:50%}
@property --my{syntax:"<percentage>";inherits:false;initial-value:0%}

:root{
  /* ---------- tipografija ---------- */
  --f-display:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --t-display:clamp(2.45rem,1.5rem + 3.6vw,4.6rem);
  --t-h1:clamp(2.25rem,1.6rem + 2.7vw,4rem);
  --t-h2:clamp(1.85rem,1.3rem + 2vw,3.25rem);
  --t-h3:clamp(1.2rem,1.08rem + .5vw,1.5rem);
  --t-h4:clamp(1.0625rem,1rem + .25vw,1.1875rem);
  --t-lead:clamp(1.0625rem,.98rem + .4vw,1.3rem);
  --t-body:1rem;--t-small:.9rem;--t-caption:.8125rem;--t-label:.75rem;
  --measure:64ch;

  /* ---------- prostor i grid ---------- */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;
  --sec-xl:clamp(104px,4rem + 7vw,184px);
  --sec-lg:clamp(80px,3rem + 5.5vw,148px);
  --sec-md:clamp(56px,2rem + 3vw,96px);
  --content:1280px;--gutter:clamp(16px,4vw,64px);--col-gap:clamp(16px,2vw,32px);
  --r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;

  /* ---------- motion (najsporiji od pet pravaca, multiplikator ~1.2) ---------- */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.22,1,.36,1);
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --ease-in:cubic-bezier(.55,0,1,.45);
  --ease-ambient:cubic-bezier(.4,0,.6,1);
  --dur-fast:320ms;--dur-hover:600ms;--dur-hover-out:900ms;--dur-ui:800ms;
  --dur-reveal:1250ms;--dur-title:1500ms;--dur-data:1600ms;--dur-page:700ms;--dur-ambient:10s;
  --stagger:80ms;--stagger-lines:120ms;--rise:24px;

  --z-lumen:0;--z-base:1;--z-nav:200;--z-drop:300;--z-drawer:500;--z-panel:900;
}

/* ---------- OBSIDIAN (tamna, podrazumevana) ---------- */
:root,[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0A0A0B;--bg-2:#111113;--bg-3:#16161A;
  --glass:rgba(255,255,255,.035);--glass-strong:rgba(17,17,19,.62);
  --glass-line:rgba(255,255,255,.08);--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
  --line-input:rgba(255,255,255,.34); /* >=3:1 za granicu polja */
  --hair:#1E1E22;
  --text:#F2F2F3;--text-2:#9C9CA3;--text-m:#86868E;/* tekst >=4.5:1 */
  --text-3:#5F5F66;/* SAMO dekorativno (3.1:1) */
  --silver:#C7C9CE;
  /* šeme: hairline srebro u tri jačine; akcenat samo kao svetlo (zona <=.16, putanja <=.14) */
  --sch-0:rgba(232,233,236,.72);--sch-1:rgba(199,201,206,.5);--sch-2:rgba(199,201,206,.24);
  --zl-a:.15;--lit-a:.075;
  --lumen-core:rgba(255,255,255,.035);
  --sheen-a:.16;/* jačina akcent svetla (<=.18) */
  --rim-a:.55;
  --sh-pop:0 40px 120px -40px rgba(0,0,0,.8),0 1px 0 0 rgba(255,255,255,.05) inset;
}

/* ---------- PORCELAIN (svetla) ---------- */
[data-theme="light"]{
  color-scheme:light;
  --bg:#F3F3F1;--bg-2:#FBFBFA;--bg-3:#EAEAE7;
  --glass:rgba(255,255,255,.55);--glass-strong:rgba(251,251,250,.72);
  --glass-line:rgba(10,10,11,.08);--line:rgba(10,10,11,.09);--line-2:rgba(10,10,11,.15);
  --line-input:rgba(10,10,11,.42);
  --hair:#E2E2DE;
  --text:#111113;--text-2:#55555C;--text-m:#6B6B72;
  --text-3:#A9A9AE;
  --silver:#8C8E94;
  --sch-0:rgba(17,17,19,.72);--sch-1:rgba(17,17,19,.46);--sch-2:rgba(17,17,19,.2);
  --zl-a:.13;--lit-a:.07;
  --lumen-core:rgba(255,255,255,.55);
  --sheen-a:.12;
  --rim-a:.5;
  --sh-pop:0 40px 100px -50px rgba(30,30,20,.35),0 1px 0 0 rgba(255,255,255,.8) inset;
}

/* ---------- brend: akcenat kao svetlo ---------- */
[data-brand="moyagrid"]{--acc:#5B7CFF;--acc-rgb:91,124,255;--acc-ink:#5B7CFF;--on-acc:#0A0A0B}
[data-brand="miodata"]{--acc:#E9B63A;--acc-rgb:233,182,58;--acc-ink:#E9B63A;--on-acc:#0A0A0B}
[data-brand="manajo"]{--acc:#E0574C;--acc-rgb:224,87,76;--acc-ink:#E0574C;--on-acc:#0A0A0B}
[data-theme="light"][data-brand="moyagrid"]{--acc:#2451E8;--acc-rgb:36,81,232;--acc-ink:#2451E8;--on-acc:#FFFFFF}
[data-theme="light"][data-brand="miodata"]{--acc:#E0A200;--acc-rgb:224,162,0;--acc-ink:#8A6400;--on-acc:#0A0A0B}
[data-theme="light"][data-brand="manajo"]{--acc:#C4322A;--acc-rgb:196,50,42;--acc-ink:#C4322A;--on-acc:#FFFFFF}

/* ---------- v12: clay objekat u heroju (iz D5) ---------- */
:root,[data-theme="dark"]{
  --clay-top:#3A3A41;--clay-top-2:#1C1C20;--clay-front:#1B1B1F;--clay-side:#121215;--clay-line:rgba(255,255,255,.08);
  --clay-hi:rgba(255,255,255,.2);--shadow:rgba(0,0,0,.75);
}
[data-theme="light"]{
  --clay-top:#FDFDFC;--clay-top-2:#E9E9E6;--clay-front:#DCDCD8;--clay-side:#CDCDC9;--clay-line:rgba(10,10,11,.07);
  --clay-hi:rgba(255,255,255,.9);--shadow:rgba(40,40,30,.28);
}