/**
 * MV Brand CSS Variables
 *
 * Source of truth: MALI VELIKI - Brand book.pdf
 * Svi MV pluginovi koriste ove --mv-* tokene umjesto hardkodiranih hex vrijednosti.
 *
 * Naming konvencija:
 *   --mv-{naziv}        → glavni ton
 *   --mv-{naziv}-mid    → srednji ton (light variant 1, vidi brand book)
 *   --mv-{naziv}-light  → svjetli ton (light variant 2, vidi brand book)
 */

:root {

	/* ────────────────────────────────────────────────
	 * Primary palette (sive nijanse — UI baza)
	 * ──────────────────────────────────────────────── */
	--mv-bg:          #F8F6F3;  /* off-white pozadina, topla */
	--mv-gray-light:  #C9C7C5;
	--mv-gray:        #999998;
	--mv-gray-dark:   #6A6A6A;
	--mv-text:        #3A3B3C;  /* near-black, osnovni tekst */

	/* ────────────────────────────────────────────────
	 * Brand pillars (3 ključne — Inspiracija/Edukacija/Poslovne novosti)
	 * ──────────────────────────────────────────────── */
	--mv-navy:    #162394;  /* Inspiracija — povjerenje, autoritet */
	--mv-orange:  #F56306;  /* Edukacija — aktivnost, toplina */
	--mv-yellow:  #F4B107;  /* Poslovne novosti — energija, vidljivost */

	/* ────────────────────────────────────────────────
	 * Secondary palette (8 glavnih)
	 * ──────────────────────────────────────────────── */
	--mv-sky:           #80C4F1;
	--mv-purple:        #88208D;
	--mv-red:           #C31216;
	--mv-green:         #499D25;
	--mv-forest-green:  #0A5917;

	/* ────────────────────────────────────────────────
	 * Mid tints (light variant 1 iz brand booka)
	 * ──────────────────────────────────────────────── */
	--mv-sky-mid:           #75BEEF;
	--mv-navy-mid:          #7985EB;
	--mv-purple-mid:        #DE82E2;
	--mv-red-mid:           #F27275;
	--mv-orange-mid:        #FBA269;
	--mv-yellow-mid:        #FAD16A;
	--mv-green-mid:         #9FE183;
	--mv-forest-green-mid:  #75EF89;

	/* ────────────────────────────────────────────────
	 * Light tints (light variant 2 — pozadine, dividers, hover)
	 * ──────────────────────────────────────────────── */
	--mv-sky-light:           #D1E9F9;
	--mv-navy-light:          #D2D6F8;
	--mv-purple-light:        #F4D5F5;
	--mv-red-light:           #FAD0D1;
	--mv-orange-light:        #FDE0CD;
	--mv-yellow-light:        #FDEFCD;
	--mv-green-light:         #DFF5F5;
	--mv-forest-green-light:  #D1F9D7;

	/* ────────────────────────────────────────────────
	 * Tipografija (brand book Option B — Montserrat + Open Sans)
	 *
	 * Napomena: portal može koristiti Option A (Poppins+Roboto) ili Option B.
	 * Ove varijable definiraju Option B kao default; tema ih može overrideati.
	 * ──────────────────────────────────────────────── */
	--mv-font-heading:  "Montserrat", "Poppins", system-ui, -apple-system, sans-serif;
	--mv-font-body:     "Open Sans", "Roboto", system-ui, -apple-system, sans-serif;

	/* Type scale (px — brand book) */
	--mv-fs-h1:    48px;
	--mv-fs-h2:    36px;
	--mv-fs-h3:    28px;
	--mv-fs-h4:    22px;
	--mv-fs-lead:  18px;
	--mv-fs-body:  16px;
	--mv-fs-caption: 14px;
	--mv-fs-button:  16px;
	--mv-fs-nav:     15px;

	/* Line heights (brand book "TYPOGRAPHY - CLEAR SPACE") */
	--mv-lh-h1:    58px;
	--mv-lh-h2:    47px;
	--mv-lh-h3:    36px;
	--mv-lh-h4:    31px;
	--mv-lh-lead:  29px;
	--mv-lh-body:  26px;
	--mv-lh-caption: 20px;
	--mv-lh-button:  19px;
	--mv-lh-nav:     15px;

	/* ────────────────────────────────────────────────
	 * Button radius scale (brand book UI ELEMENTS)
	 * ──────────────────────────────────────────────── */
	--mv-radius-primary:    10px;  /* Primary Solid */
	--mv-radius-secondary:  8px;   /* Secondary Outline */
	--mv-radius-tertiary:   6px;   /* Tertiary Ghost */

}