/* RetailStrada — tokeny v1.1.0. Źródło: tokens.json. Opis użycia: BRANDBOOK.md */
:root {
  --rs-bordo-50: #FBF1F2;
  --rs-bordo-100: #F3D9DD;
  --rs-bordo-200: #E3AEB6;
  --rs-bordo-300: #CD7C89;
  --rs-bordo-400: #B04F60;
  --rs-bordo-500: #963346;
  --rs-bordo-600: #7B1E2E;
  --rs-bordo-700: #651725;
  --rs-bordo-800: #4E111C;
  --rs-bordo-900: #380B13;
  --rs-neutral-0: #FFFFFF;
  --rs-neutral-50: #F4F5F7;
  --rs-neutral-100: #E9EBEF;
  --rs-neutral-200: #D5D9DF;
  --rs-neutral-300: #B5BBC5;
  --rs-neutral-400: #8A919D;
  --rs-neutral-500: #6A717D;
  --rs-neutral-600: #4A515C;
  --rs-neutral-700: #2B2F36;
  --rs-neutral-800: #1D2025;
  --rs-neutral-900: #14161A;
  --rs-success: #1E7A4C;
  --rs-success-bg: #E8F4EC;
  --rs-warning: #8A5300;
  --rs-warning-bg: #FFF4DC;
  --rs-error: #B3261E;
  --rs-error-bg: #FCEBE9;
  --rs-info: #1F5FA8;
  --rs-info-bg: #E8F0F9;
  --rs-chart-1: #7B1E2E;
  --rs-chart-2: #4A515C;
  --rs-chart-3: #2F6F9F;
  --rs-chart-4: #C28A1B;
  --rs-chart-5: #2E8C83;
  --rs-chart-6: #8A919D;
  --rs-font-sans: 'Plus Jakarta Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --rs-font-icon: 'Material Symbols Outlined';
  --rs-font-mono: 'JetBrains Mono', 'Consolas', 'Menlo', monospace;
  --rs-space-1: 4px;
  --rs-space-2: 8px;
  --rs-space-3: 12px;
  --rs-space-4: 16px;
  --rs-space-5: 24px;
  --rs-space-6: 32px;
  --rs-space-7: 48px;
  --rs-space-8: 64px;
  --rs-space-9: 96px;
  --rs-radius: 2px;
  --rs-scrim: rgba(20,22,26,0.48);
  --rs-dur-fast: 120ms;
  --rs-dur-base: 200ms;
  --rs-dur-slow: 320ms;
  --rs-ease: cubic-bezier(0.2, 0, 0, 1);
  --rs-control-sm: 36px;
  --rs-control-md: 44px;
  --rs-control-lg: 48px;
  /* motyw jasny (domyślny) */
  --rs-bg: #F4F5F7;
  --rs-surface: #FFFFFF;
  --rs-surface-alt: #E9EBEF;
  --rs-border: #D5D9DF;
  --rs-border-strong: #8A919D;
  --rs-text: #14161A;
  --rs-text-secondary: #4A515C;
  --rs-text-muted: #6A717D;
  --rs-primary: #7B1E2E;
  --rs-primary-hover: #651725;
  --rs-primary-pressed: #651725;
  --rs-on-primary: #FFFFFF;
  --rs-link: #7B1E2E;
  --rs-focus: #651725;
  --rs-primary-subtle-bg: #FBF1F2;
  --rs-primary-subtle-border: #E3AEB6;
  --rs-success-text: #1E7A4C;
  --rs-warning-text: #8A5300;
  --rs-error-text: #B3261E;
  --rs-info-text: #1F5FA8;
}
/* motyw ciemny: rezerwa, tylko przez data-theme="dark" */
:root[data-theme="dark"] {
  --rs-bg: #14161A;
  --rs-surface: #1D2025;
  --rs-surface-alt: #2B2F36;
  --rs-border: #2B2F36;
  --rs-border-strong: #6A717D;
  --rs-text: #F4F5F7;
  --rs-text-secondary: #B5BBC5;
  --rs-text-muted: #8A919D;
  --rs-primary: #B04F60;
  --rs-primary-hover: #CD7C89;
  --rs-primary-pressed: #963346;
  --rs-on-primary: #FFFFFF;
  --rs-link: #E3AEB6;
  --rs-focus: #FFFFFF;
  --rs-primary-subtle-bg: #380B13;
  --rs-primary-subtle-border: #651725;
  --rs-success-text: #6FCF9A;
  --rs-warning-text: #F2C063;
  --rs-error-text: #F0998D;
  --rs-info-text: #8DBBEA;
}
@media (prefers-reduced-motion: reduce) {
  :root { --rs-dur-fast: 0ms; --rs-dur-base: 0ms; --rs-dur-slow: 0ms; }
}