/*
 * Marka „yiammi.” (robocza nazwa platformy od 3 października 2026, zastępuje
 * napis Foodini na ekranach marki). Barwy i kroje z projektu Mirka w Lovable
 * (`urbans555/foodini-o-awa-launch`, `src/marka.json`, X-20 #107).
 *
 * Jedno źródło dla aplikacji klienta, kiosku, portalu, strony i /pobierz.
 * Nie dotyczy motywów lokali ani kompozycji premium (Grillovenia, Bukowe
 * Tarasy) — te mają własne parametry w bazie (decyzja 9).
 *
 * Kroje Archivo i Martian Mono leżą w /shared/fonty (pliki zmienne);
 * deklaracje @font-face mają aplikacje, które ich używają.
 */
:root {
  --marka-atrament: #22006B;      /* fiolet: tekst, tła ciemne, przyciski główne */
  --marka-mgla: #F4F1F8;          /* jasny fiolet: tła paneli, pigułki */
  --marka-limonka: #8CDD13;       /* akcent: kropka w znaku, numerek, „gotowe” */
  --marka-papier: #FFFFFF;
  --marka-bibula: #E8E8EA;        /* nieaktywne paski, tła pól */
  --marka-cien: #756D83;          /* tekst drugorzędny */
  --marka-cien-jasny: #958AA8;
  --marka-linia: #D8D1E2;
  --marka-tlo-kiosku: #F1F0F3;
  --marka-sukces: #1B7A4C;
  --marka-blad: #B3261E;
  --marka-blad-jasny: #E0483B;
  /* Nagłówek kiosku: fiolet przechodzący w śliwkę (styles.css Mirka, .kiosk-header). */
  /* Przystanki to color-mix(in oklab) fioletu ze śliwką (62% #B23A7A, 38% #C64E8E), wyliczone
     na stałe: WebView sprzed Chrome 111 (Huawei M3, Android 7) nie zna color-mix i gubił całe tło. */
  --marka-gradient: linear-gradient(100deg, #22006B 0%, #532473 60%, #823A83 100%);

  --marka-kroj: 'Archivo', system-ui, sans-serif;
  --marka-kroj-cyfr: 'Martian Mono', ui-monospace, monospace;

  --marka-promien-karty: 24px;
  --marka-promien-panelu: 20px;
  --marka-promien-kontrolki: 18px;
}

/* Znak marki: „yiammi” i limonkowa kropka. Użycie: <span class="znak-marki">yiammi<i>.</i></span> */
.znak-marki {
  font-family: var(--marka-kroj);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--marka-atrament);
}
.znak-marki i { font-style: normal; color: var(--marka-limonka); }
.znak-marki.na-ciemnym { color: var(--marka-papier); }