/* Motyw "domyslny" — wyglad zatwierdzonych makiet (projekt-ekranow.md, atlas-ekranow-dotykacka.md).
   Ten plik definiuje WYLACZNIE zmienne (kolory, czcionki, promienie, odstepy, kolory kafelkow).
   Zeby dodac wlasny motyw: skopiuj ten plik pod nowa nazwa w ui/motywy/, zmien wartosci
   zmiennych, gotowe — bez restartu serwera (lista z GET /api/motywy czyta katalog na zywo). */
:root {
  /* Typografia */
  --f-rodzina: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --f-s: 13px;
  --f-m: 16px;
  --f-l: 18px;
  --f-xl: 22px;
  --f-xxl: 28px;

  /* Promienie i odstepy */
  --r-s: 4px;
  --r-m: 6px;
  --r-l: 8px;
  --r-okrag: 999px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --dotyk-min: 44px;

  /* Powierzchnie */
  --kolor-tlo: #ECEFF1;
  --kolor-tlo-scena: #455A64;
  --kolor-panel: #FFFFFF;
  --kolor-panel-2: #F5F7F8;
  --kolor-panel-3: #F1F4F6;
  --kolor-obwodka: #CFD8DC;
  --kolor-obwodka-2: #E0E6EA;
  --kolor-cien: rgba(0, 0, 0, 0.18);
  --kolor-nakladka: rgba(0, 0, 0, 0.5);

  /* Tekst */
  --kolor-tekst: #1C2328;
  --kolor-tekst-wyciszony: #455A64;
  --kolor-tekst-na-akcencie: #FFFFFF;
  --kolor-link: #1565C0;

  /* Kontrast na dowolnym tle z danych (np. kolor kategorii/produktu) — patrz ui/js/rdzen.js:tekstNaTle */
  --kolor-tekst-na-jasnym: #1C2328;
  --kolor-tekst-na-ciemnym: #FFFFFF;

  /* Akcenty funkcyjne (role z Dotykacki, nie nazwy produktow) */
  --akcent-marka: #2E7D32;        /* pas kategorii, wystaw rachunek, glowna zielen */
  --akcent-marka-2: #558B2F;      /* mapa stolow, zaparkuj, mapa-stolow kafelek */
  --akcent-sukces: #1B5E20;       /* suma "Lacznie", wszystkie kategorie */
  --akcent-info: #1565C0;         /* druk kontrolny, otwarte rachunki */
  --akcent-info-2: #0277BD;       /* historia */
  --akcent-ostrzezenie: #BF360C;  /* szukaj, rozdziel rachunek, wyloguj, stolik-czerwony */
  --akcent-ostrzezenie-2: #E65100;/* stolik-pomaranczowy */
  --akcent-blad: #C62828;         /* usun, anuluj rachunek, stolik ostrzezenie */
  --akcent-fiolet: #6A1B9A;       /* PLU, ilosc na rachunku, rezerwacja R */
  --akcent-fiolet-2: #7B1FA2;     /* opcje rachunku, udziel rabatu */
  --akcent-wino: #880E4F;         /* kategorie z podkategoria (drill-down) */
  --akcent-zolty: #F9A825;        /* rabat na rachunku, notatka */
  --akcent-teal: #00695C;         /* wplata/wyplata, zamknij kase, na miejscu */
  --akcent-teal-2: #004D40;       /* na wynos */
  --akcent-neutralny: #455A64;    /* klient */
  --akcent-neutralny-2: #616161;  /* otworz szuflade */
  --akcent-neutralny-jasny: #78909C; /* stolik wolny */
  --akcent-braz: #5D4037;         /* podziel platnosc */

  --wylaczony-tlo: #ECEFF1;
  --wylaczony-tekst: #455A64;
  --wylaczony-obwodka: #90A4AE;

  --mapa-tlo: #263238;
  --mapa-siatka: rgba(255, 255, 255, 0.06);
}