/* eto.hr - tokeni. Imena su uloge, ne boje. Ubaciti prije Aimeos teme. */
:root {
  /* ---- plohe i tekst ---- */
  --eto-ploha:            #ffffff;
  --eto-ploha-2:          #f6f7f8;   /* kartica, zebra red u tablici */
  --eto-ploha-tamna:      #14213d;   /* navigacija, podnožje */
  --eto-ploha-tamna-2:    #0e1830;   /* traka nad navigacijom */
  --eto-rub:              #e3e3e3;
  --eto-rub-jaci:         #cfd3d9;
  --eto-tekst:            #14213d;
  --eto-tekst-2:          #4b5563;   /* zamjena za #6b7280: AA na #f6f7f8 */
  --eto-tekst-3:          #6b7280;   /* samo ≥16px ili nebitno */
  --eto-tekst-obrnuti:    #ffffff;

  /* ---- dostupnost (nosiva poruka shopa) ---- */
  --eto-dostupnost:       #1a7f37;
  --eto-dostupnost-tamna: #14682c;   /* hover, tekst na svijetloj plohi */
  --eto-dostupnost-svijetla: #3fbf63;/* na tamnoj plohi, AA */
  --eto-dostupnost-podloga:  #e8f5ec;

  /* ---- akcija / sniženje ---- */
  --eto-akcija:           #a00000;
  --eto-akcija-2:         #b02a37;
  --eto-akcija-podloga:   #fbeaea;

  /* ---- upozorenje / zadnji komadi ---- */
  --eto-upozorenje:       #fca311;
  --eto-upozorenje-tekst: #6b3d00;   /* tekst na žutoj podlozi, AA */
  --eto-upozorenje-podloga: #fff4dd;

  /* ---- interakcija ---- */
  --eto-fokus:            #14213d;
  --eto-veza:             #14682c;
  --eto-veza-hover:       #0e4a1f;

  /* ---- tipografija ---- */
  --eto-font: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --eto-t-xs:   0.75rem;   /* 12 - meta, šifra */
  --eto-t-sm:   0.875rem;  /* 14 - opis kartice, tablica */
  --eto-t-base: 1rem;      /* 16 - tijelo */
  --eto-t-md:   1.125rem;  /* 18 - naziv artikla */
  --eto-t-lg:   1.375rem;  /* 22 - cijena kartice */
  --eto-t-xl:   1.75rem;   /* 28 - naslov sekcije */
  --eto-t-2xl:  2.25rem;   /* 36 - cijena na detalju */
  --eto-t-3xl:  3rem;      /* 48 - slajder */
  --eto-lh-tight: 1.2;
  --eto-lh:       1.5;

  /* ---- razmaci (4px baza) ---- */
  --eto-s-1: 0.25rem; --eto-s-2: 0.5rem;  --eto-s-3: 0.75rem;
  --eto-s-4: 1rem;    --eto-s-5: 1.5rem;  --eto-s-6: 2rem;
  --eto-s-7: 3rem;    --eto-s-8: 4rem;

  /* ---- oblik ---- */
  --eto-r-sm: 3px; --eto-r: 6px; --eto-r-lg: 10px; --eto-r-pill: 999px;
  --eto-sjena: 0 1px 2px rgba(20,33,61,.06), 0 2px 8px rgba(20,33,61,.06);
  --eto-sjena-hover: 0 2px 4px rgba(20,33,61,.08), 0 8px 20px rgba(20,33,61,.10);
}

/* Cijene i sve znamenke koje se čitaju u stupcu - tabularno. */
.aimeos .price-item, .aimeos .price-value, .aimeos table td,
.eto-num { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }

/* Fokus je vidljiv na svakoj plohi. */
.aimeos :focus-visible { outline: 2px solid var(--eto-fokus); outline-offset: 2px; }