/* System PI design tokens. The ONLY place with literal colors (test: check_design).
   Change the look here; a company theme overrides --pi-primary and --pi-accent. */
:root {
  color-scheme: light;
  --pi-font: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --pi-font-num: ui-monospace, "SF Mono", Menlo, monospace;

  --pi-bg: #f3f2ed;
  --pi-surface: #ffffff;
  --pi-surface-muted: #ecebe4;
  --pi-line: #d5d8cf;
  --pi-line-soft: #e6e7e0;
  --pi-ink: #202820;
  --pi-muted: #5b665a;
  --pi-subtle: #8a9186;
  --pi-on-dark: #ffffff;

  --pi-primary: #202820;
  --pi-accent: #f4bf36;
  --pi-focus: #b98718;
  --pi-selected: #f6efd9;

  --pi-ok: #44773a;
  --pi-ok-soft: #e4ecdc;
  --pi-warn: #9a6416;
  --pi-warn-soft: #f8edd6;
  --pi-danger: #b1392a;
  --pi-danger-soft: #f6e2dd;
  --pi-info: #245a78;
  --pi-info-soft: #e2edf3;

  --pi-sidebar: #202820;
  --pi-sidebar-text: #cfd6c8;
  --pi-sidebar-active: #ffffff17;
  --pi-shadow-color: #2028201a;

  /* Module colors (same as the presentation). */
  --pi-mod-paliwo: #cf6f22;
  --pi-mod-wypozyczalnia: #2c6a8c;
  --pi-mod-awarie: #b1392a;
  --pi-mod-przeglady: #44773a;

  --pi-radius-s: 6px;
  --pi-radius-m: 10px;
  --pi-radius-l: 16px;
  --pi-space-1: 4px;
  --pi-space-2: 8px;
  --pi-space-3: 12px;
  --pi-space-4: 16px;
  --pi-space-5: 24px;
  --pi-space-6: 36px;
  --pi-text-xs: 11px;
  --pi-text-s: 13px;
  --pi-text-m: 15px;
  --pi-text-l: 20px;
  --pi-text-xl: 30px;
  --pi-shadow: 0 1px 3px var(--pi-shadow-color);
}