/* pl-tokens.css - WYGENEROWANE z design/tokeny.tokens.json przez design/generuj-tokeny.php. Nie edytowac recznie. */
:root {
  /* kolor.paleta */
  --pl-p-neutral-0: #ffffff;
  --pl-p-neutral-50: #f9f9fb;
  --pl-p-neutral-100: #f3f3f3;
  --pl-p-neutral-200: #dddddd;
  --pl-p-neutral-500: #868898;
  --pl-p-neutral-600: #63657a;
  --pl-p-neutral-700: #42445a;
  --pl-p-neutral-900: #222222;
  --pl-p-raspberry-50: #f8eef3;
  --pl-p-raspberry-100: #f0d6e4;
  --pl-p-raspberry-700: #a20155;
  --pl-p-raspberry-800: #80144e;
  --pl-p-green-50: #e8f5e9;
  --pl-p-green-700: #1e7a3c;
  --pl-p-amber-50: #fff8e1;
  --pl-p-amber-700: #b45309;
  --pl-p-amber-800: #92400e;
  --pl-p-red-50: #fdecec;
  --pl-p-red-700: #b42318;
  --pl-p-gold-400: #f5b301;

  /* kolor.role */
  --pl-surface: var(--pl-p-neutral-0);
  --pl-surface-subtle: var(--pl-p-neutral-50);
  --pl-surface-muted: var(--pl-p-neutral-100);
  --pl-surface-brand: var(--pl-p-raspberry-50);
  --pl-surface-inverse: var(--pl-p-neutral-700);
  --pl-text: var(--pl-p-neutral-900);
  --pl-text-secondary: var(--pl-p-neutral-700);
  --pl-text-muted: var(--pl-p-neutral-600);
  --pl-text-brand: var(--pl-p-raspberry-700);
  --pl-text-inverse: var(--pl-p-neutral-0);
  --pl-border: var(--pl-p-neutral-200);
  --pl-border-strong: var(--pl-p-neutral-500);
  --pl-border-brand: var(--pl-p-raspberry-100);
  --pl-action: var(--pl-p-raspberry-700);
  --pl-action-hover: var(--pl-p-raspberry-800);
  --pl-action-subtle: var(--pl-p-raspberry-50);
  --pl-link: var(--pl-p-raspberry-700);
  --pl-link-hover: var(--pl-p-raspberry-800);
  --pl-selected-bg: var(--pl-p-raspberry-700);
  --pl-selected-text: var(--pl-p-neutral-0);
  --pl-focus: var(--pl-p-neutral-900);
  --pl-focus-inverse: var(--pl-p-neutral-0);
  --pl-status-ok-text: var(--pl-p-green-700);
  --pl-status-ok-bg: var(--pl-p-green-50);
  --pl-status-warn-text: var(--pl-p-amber-800);
  --pl-status-warn-bg: var(--pl-p-amber-50);
  --pl-status-warn-accent: var(--pl-p-amber-700);
  --pl-status-danger-text: var(--pl-p-red-700);
  --pl-status-danger-bg: var(--pl-p-red-50);
  --pl-status-info-text: var(--pl-p-neutral-700);
  --pl-status-info-bg: var(--pl-p-neutral-100);
  --pl-brand: var(--pl-p-raspberry-700);
  --pl-disabled-bg: var(--pl-p-neutral-200);
  --pl-disabled-text: var(--pl-p-neutral-600);
  --pl-star: var(--pl-p-gold-400);

  /* pismo */
  --pl-font: 'Lato', Arial, sans-serif;
  --pl-weight-regular: 400;
  --pl-weight-bold: 700;

  /* odstep */
  --pl-space-1: 4px;
  --pl-space-2: 8px;
  --pl-space-3: 12px;
  --pl-space-4: 16px;
  --pl-space-5: 24px;
  --pl-space-6: 32px;
  --pl-space-7: 48px;
  --pl-space-8: 64px;
  --pl-space-9: 80px;

  /* promien */
  --pl-radius-xs: 4px;
  --pl-radius-sm: 8px;
  --pl-radius-md: 12px;
  --pl-radius-lg: 16px;
  --pl-radius-pill: 999px;

  /* cien */
  --pl-shadow-1: 0px 2px 8px 0px #2222220f;
  --pl-shadow-2: 0px 8px 24px 0px #2222221f;

  /* czas */
  --pl-dur-fast: 120ms;
  --pl-dur: 200ms;

  /* warstwa */
  --pl-z-dropdown: 1000;
  --pl-z-sticky: 1020;
  --pl-z-dialog: 1055;

  /* aliasy starych nazw (style.css) na czas migracji */
}