/* ============================================================
   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 — */
  --foreground:  #2A2420;   /* teplá takmer-čierna */
  --tlmene:      #786C5E;   /* tlmený hnedosivý text */
  --tlmene-2:    #A99C8B;   /* faint */

  /* — Linky / okraje — */
  --linka:       #E2D8C7;
  --linka-2:     #EDE5D7;

  /* — Brand: terakota (primárna) — */
  --terakota:        #BC4B2A;
  --terakota-2:      #A33F22;   /* hover / tmavšia */
  --terakota-jemna:  #F5E2D8;   /* jemný tint pozadia */

  /* — 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:        #786C5E;  /* neutral */
  --stav-nova-bg:     #ECE5D9;
  --stav-pripravena:  #9A7B23;  /* mosadz — v príprave */
  --stav-pripravena-bg:#F3EAD2;
  --stav-dorucena:    #4F7D4A;  /* zelená — hotovo */
  --stav-dorucena-bg: #E6EFE0;
  --stav-zrusena:     #A99C8B;  /* sivá */
  --stav-zrusena-bg:  #EDE7DD;

  /* — Platby (kontinuita s Airtable) — */
  --pay-kredit:       #2E6E9E;  /* Kredit — modrá */
  --pay-kredit-bg:    #E1ECF3;
  --pay-hotovost:     #B8860B;  /* Hotovosť — žltá/amber */
  --pay-hotovost-bg:  #F6EDD3;
  --pay-faktura:      #6B4E9E;  /* Fakturácia — fialová */
  --pay-faktura-bg:   #ECE5F4;
  --pay-gratis:       #8A8175;  /* Gratis — sivá */
  --pay-gratis-bg:    #EBE7DF;
  --pay-kartou:       #2E8B82;  /* Kartou — teal */
  --pay-kartou-bg:    #DEEFEC;
  --pay-objednavka:   #BC4B2A;  /* Objednávka (predplatné) — terakota */
  --pay-objednavka-bg:#F5E2D8;
  --pay-stravenky:    #A0682E;  /* Stravenky — hnedá */
  --pay-stravenky-bg: #F1E5D6;
  --pay-rod:          #6B7280;  /* ROD — bridlica */
  --pay-rod-bg:       #E9EAEC;
  --pay-marketing:    #9A7B23;  /* Marketing — mosadz */
  --pay-marketing-bg: #F3EAD2;

  /* — 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; }