/* ============================================================
   Monáda Ops — Design tokens
   Verná rekonštrukcia teplého „field-app" systému z vykon-revizie.jsx
   + rozšírenie o sémantické farby platieb a stavov objednávok.
   Písma: Bitter (display) · IBM Plex Sans (text) · IBM Plex Mono (labels/čísla)
   ============================================================ */

:root {
  /* — Písma — */
  --ff-display: "Bitter", Georgia, serif;
  --ff-sans: "IBM Plex Sans", system-ui, sans-serif;
  --ff-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* — Papier / podklady (teplá krémová) — */
  --papier:      #F2ECE1;   /* hlavné pozadie stránky */
  --papier-2:    #E8DFCF;   /* hlbší papier — neaktívne plochy */
  --background:  #F7F2E9;   /* pozadie vnútri appky */
  --card:        #FDFBF6;   /* karta / biely povrch (teplý) */
  --karta:       #F8F3EA;   /* jemne tónovaná karta / segment bg */

  /* — Text (jemne stmavené pre kontrast) — */
  --foreground:  #14100C;   /* teplá takmer-čierna */
  --tlmene:      #6C6051;   /* tlmený hnedosivý text */
  --tlmene-2:    #948775;   /* faint */

  /* — Linky / okraje (jemne posilnené) — */
  --linka:       #D8CCB8;
  --linka-2:     #E6DCCB;

  /* — Brand: terakota (primárna) — */
  --terakota:        #BC4B2A;
  --terakota-2:      #A33F22;   /* hover / tmavšia */
  --terakota-jemna:  #F5E2D8;   /* jemný tint pozadia */
  --terakota-pastel: #F8CEBB;   /* podklad štítka (sýtejší) */

  /* — Brand: mosadz (sekundárna, akcent) — */
  --mosadz:      #9A7B23;
  --mosadz-tmava:#7D641D;

  /* — Sadza (tmavá, bezel / kontrast) — */
  --sadza:    #221C17;
  --sadza-2:  #34291F;
  --sadza-3:  #4A3D31;

  /* — Stavy (sémantika) — */
  --st-ok:     #4F7D4A;   /* doručená / v poriadku / zaplatené */
  --st-ok-bg:  #E6EFE0;
  --st-po:     #C0392B;   /* problém / po splatnosti / dobiť */
  --st-po-bg:  #F8E4DF;
  --st-30:     #5B718A;   /* info / offline / sync */
  --st-30-bg:  #E7EDF2;
  --st-90-bg:  #F3EAD2;   /* mosadzový tint (chip select) */

  /* — Stavy objednávky — */
  --stav-nova:        #5F5445;  /* neutral */
  --stav-nova-bg:     #DED5C5;
  --stav-pripravena:  #7D641D;  /* mosadz — v príprave */
  --stav-pripravena-bg:#F2DFA5;
  --stav-dorucena:    #34612F;  /* zelená — hotovo */
  --stav-dorucena-bg: #C8E3BC;
  --stav-zrusena:     #877B6B;  /* sivá */
  --stav-zrusena-bg:  #E0D9CF;

  /* — Platby (kontinuita s Airtable) — */
  --pay-kredit:       #1C5F92;  /* Kredit — modrá */
  --pay-kredit-bg:    #BCDCF2;
  --pay-hotovost:     #8A6208;  /* Hotovosť — žltá/amber */
  --pay-hotovost-bg:  #F5DC9C;
  --pay-faktura:      #5A3F92;  /* Fakturácia — fialová */
  --pay-faktura-bg:   #DDCDF5;
  --pay-gratis:       #6F6659;  /* Gratis — sivá */
  --pay-gratis-bg:    #DFDAD1;
  --pay-kartou:       #1E6F67;  /* Kartou — teal */
  --pay-kartou-bg:    #BFE6E0;
  --pay-objednavka:   #A33F22;  /* Objednávka (predplatné) — terakota */
  --pay-objednavka-bg:#F6D9CB;
  --pay-stravenky:    #8F5A22;  /* Stravenky — hnedá */
  --pay-stravenky-bg: #EED6B6;
  --pay-rod:          #565C66;  /* ROD — bridlica */
  --pay-rod-bg:       #DCDEE2;
  --pay-marketing:    #7D641D;  /* Marketing — mosadz */
  --pay-marketing-bg: #EEDDAB;

  /* — Accent paleta (kategórie / štítky — 1 zdroj namiesto duplikátov)
     Inky jemne stmavené pre kontrast, podklady ponechané. — */
  --ac-zel:      #1B5C2A;   /* zelená — text */
  --ac-zel-bg:   #A7E2B5;
  --ac-zel-bg2:  #CBEED3;   /* jemnejší zelený podklad (tagy) */
  --ac-ruza:     #8C1D4E;   /* ružová / magenta */
  --ac-ruza-bg:  #FBC0D8;
  --ac-jantar:   #4D3D02;   /* jantár — tmavý ink */
  --ac-jantar-bg:#F5BB2E;
  --ac-jantar-2: #C99A1E;   /* sýty jantár (ikony) */
  --ac-zlata:    #5C4308;   /* zlatá — ink */
  --ac-zlata-bg: #F6D874;
  --ac-fial:     #4A2F86;   /* fialová */
  --ac-fial-bg:  #D9C9F7;
  --ac-teal:     #135F58;   /* teal */
  --ac-teal-bg:  #9FDED6;
  --ac-modra:    #1F6FD0;   /* modrá (plný podklad, biely text) */
  --ac-hneda:    #8A5320;   /* hnedá (plný podklad, biely text) */
  --ac-hneda-2:  #B0631E;   /* sýta hnedá (ikony) */
  --ac-cerv:     #C62030;   /* červená */
  --ac-cerv-2:   #7D2222;   /* tmavá červená (mäso) */

  /* — Tieň — */
  --tien-s: 0 1px 2px rgba(34,28,23,.05), 0 1px 3px rgba(34,28,23,.04);
  --tien-m: 0 4px 14px -6px rgba(34,28,23,.18);
  --tien-l: 0 18px 48px -16px rgba(34,28,23,.32);

  /* — Rádiusy — */
  --r-s: 9px;
  --r-m: 13px;
  --r-l: 18px;
}

* { box-sizing: border-box; }