/* MIKPOL Panel — tokeny wyglądu. Kolory tylko stąd (plan 2026-10-17-odswiezenie-wygladu). */
:root {
  --ink: #16233B;
  --muted: #5B6577;
  --bg: #F5F6F8;
  --surface: #FFFFFF;
  --line: #DDE2EA;
  --brand: #1B5FBF;
  --brand-tint: #E8F0FB;
  --attention: #F2A900;
  --ok: #1E7A46;
  --ok-tint: #E7F4EC;
  --warn: #A15C00;
  --warn-tint: #FFF4DE;
  --danger: #B42318;
  --danger-tint: #FDECEA;
  --on-ink: #FFFFFF;
  --on-ink-muted: #C9D1DE;
  /* platformy sprzedaży — rozpoznawalne, biały napis ≥ 4.5:1 */
  --mp-allegro: #B54708;
  --mp-empik: #6D28D9;
  --mp-erli: #0369A1;
  --mp-kaufland: #B42318;
  --mp-ceneo: #1E7A46;

  --font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px; --fs-md: 16px; --fs-lg: 20px; --fs-xl: 24px;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --r-ctl: 6px; --r-panel: 10px; --r-pill: 999px;
  --shadow-pop: 0 8px 24px rgba(22, 35, 59, 0.16);
  --t-fast: 150ms;
}