/* ==========================================================================
   JV Brand Standards — Design tokeni
   Knjiga standarda Jović Viljuškari 2.0
   Ovaj fajl ne menja izgled sam po sebi — samo definiše promenljive.
   ========================================================================== */
:root{
  /* --- Boje: bazna paleta --- */
  --jv-yellow-500:#FCC121;   /* brend žuta */
  --jv-yellow-600:#E6AC0E;   /* hover */
  --jv-yellow-700:#C4930A;   /* pritisak */
  --jv-ink-900:#13131C;      /* grafitna crna */
  --jv-ink-800:#1E1E2A;      /* drugi plan / hover grafitne */
  --jv-ink-700:#2F2F3E;
  --jv-gray-600:#666666;     /* tekući tekst */
  --jv-gray-100:#F4F4F4;     /* podloga sekcije */
  --jv-gray-050:#FAFAFA;     /* podloga fotografije */
  --jv-white:#FFFFFF;
  --jv-blue-500:#1B7ED6;     /* link */
  --jv-blue-700:#155FA3;     /* link hover */
  --jv-on-dark:#C5D1E7;      /* tekst na grafitnoj */
  --jv-red-500:#C0392B;      /* SAMO bezbednosne oznake */

  /* --- Boje: semantički aliasi --- */
  --jv-color-brand:var(--jv-yellow-500);
  --jv-color-brand-hover:var(--jv-yellow-600);
  --jv-color-brand-active:var(--jv-yellow-700);
  --jv-color-bg-page:var(--jv-white);
  --jv-color-bg-section:var(--jv-gray-100);
  --jv-color-bg-dark:var(--jv-ink-900);
  --jv-color-bg-dark-alt:var(--jv-ink-800);
  --jv-color-text-body:var(--jv-gray-600);
  --jv-color-text-heading:var(--jv-ink-900);
  --jv-color-text-on-dark:var(--jv-on-dark);
  --jv-color-text-on-brand:var(--jv-ink-900);
  --jv-color-link:var(--jv-blue-500);
  --jv-color-link-hover:var(--jv-blue-700);
  --jv-color-border:#E2E2E2;
  --jv-color-border-dark:#3A3A4A;

  /* --- Tipografija --- */
  --jv-font-display:'Barlow Condensed','Barlow','Arial Narrow',Arial,sans-serif;
  --jv-font-heading:'Barlow',Arial,sans-serif;
  --jv-font-body:'Montserrat',Arial,sans-serif;

  --jv-text-display-xl:clamp(40px,5vw,72px);
  --jv-text-display-lg:clamp(32px,4vw,52px);
  --jv-text-display-md:28px;
  --jv-text-heading-lg:24px;
  --jv-text-heading-md:19px;
  --jv-text-heading-sm:16px;
  --jv-text-body-lg:17px;
  --jv-text-body-md:15px;
  --jv-text-body-sm:13px;
  --jv-text-label:13px;

  --jv-weight-display:700;
  --jv-weight-heading:700;
  --jv-weight-body:400;
  --jv-weight-body-medium:500;

  --jv-leading-tight:1.05;
  --jv-leading-heading:1.15;
  --jv-leading-body:1.6;

  --jv-tracking-display:.02em;
  --jv-tracking-label:.08em;

  /* --- Mreža i razmaci --- */
  --jv-space-1:4px;  --jv-space-2:8px;  --jv-space-3:12px; --jv-space-4:16px;
  --jv-space-5:24px; --jv-space-6:32px; --jv-space-7:48px; --jv-space-8:64px;
  --jv-space-9:96px; --jv-space-10:128px;
  --jv-container-max:1200px;

  /* --- Forma --- */
  --jv-radius-none:0px;
  --jv-radius-sm:2px;   /* samo polja formi */
  --jv-radius-full:999px; /* samo statusne oznake (pilule) */
  --jv-border-width:1px;

  /* --- Efekti --- */
  --jv-shadow-raised:0 4px 16px rgba(19,19,28,.12); /* samo hover kartice i dropdown */
  --jv-ease:cubic-bezier(.2,.6,.2,1);
  --jv-duration-fast:120ms;
  --jv-duration-base:180ms;
}