/* assets/css/tokens.css
   Zajednički brend tokeni — boje, tipografija, senke, radijusi.
   Učitava se PRE style.css (app) i PRE landing.css (početna stranica),
   tako da oba dela sajta dele isti vizuelni identitet.
   Menjaš boju/font na jednom mestu, menja se svuda. */
:root{
  --bg:#F6F7FB;
  --surface:#FFFFFF;
  --surface-2:#F1F3F9;
  --border:#E7E9F2;
  --border-strong:#D6DAE8;
  --text:#171B29;
  --text-dim:#606A80;
  --text-mute:#9AA2B4;

  --primary:#3D5AFE;
  --primary-dim:#EBEEFF;
  --primary-dark:#2739B0;

  --amber:#F59E0B;
  --amber-dim:#FEF3DE;
  --amber-dark:#9A5B0A;

  --green:#16A34A;
  --green-dim:#E7F7EC;

  --red:#E11D48;
  --red-dim:#FDEAEF;

  --shadow-sm:0 1px 2px rgba(23,27,41,0.04), 0 1px 1px rgba(23,27,41,0.03);
  --shadow-md:0 8px 24px rgba(23,27,41,0.07), 0 2px 6px rgba(23,27,41,0.04);
  --shadow-lg:0 20px 50px rgba(23,27,41,0.12), 0 4px 12px rgba(23,27,41,0.06);

  --radius-lg:18px;
  --radius-md:12px;
  --radius-sm:8px;

  --font-display:'Plus Jakarta Sans',sans-serif;
  --font-body:'Inter',sans-serif;
}