/* tm-tokens.css 1.0.0 - generowany z design/tokeny.tokens.json, nie edytować */
:root:root {
  --tm-p-stone-0: #ffffff;
  --tm-p-stone-50: #fafaf8;
  --tm-p-stone-100: #f5f0e8;
  --tm-p-stone-200: #e8e4de;
  --tm-p-stone-500: #8f877f;
  --tm-p-stone-600: #625c55;
  --tm-p-stone-700: #4a4540;
  --tm-p-stone-900: #1c1c1e;
  --tm-p-green-50: #e7f3ee;
  --tm-p-green-500: #0f875e;
  --tm-p-green-700: #0a6847;
  --tm-p-green-900: #082619;
  --tm-p-red-50: #fdecec;
  --tm-p-red-500: #ed1c24;
  --tm-p-red-600: #c4161c;
  --tm-p-red-700: #a81218;
  --tm-p-red-800: #991b1b;
  --tm-p-amber-50: #fef3c7;
  --tm-p-amber-700: #b45309;
  --tm-p-amber-800: #92400e;
  --tm-p-gold-400: #ffc107;

  --tm-surface: var(--tm-p-stone-0);
  --tm-surface-subtle: var(--tm-p-stone-50);
  --tm-surface-sand: var(--tm-p-stone-100);
  --tm-surface-brand: var(--tm-p-green-50);
  --tm-surface-inverse: var(--tm-p-green-900);

  --tm-text: var(--tm-p-stone-900);
  --tm-text-secondary: var(--tm-p-stone-700);
  --tm-text-muted: var(--tm-p-stone-600);
  --tm-text-brand: var(--tm-p-green-700);
  --tm-text-inverse: var(--tm-p-stone-0);

  --tm-border: var(--tm-p-stone-200);
  --tm-border-strong: var(--tm-p-stone-500);

  --tm-action: var(--tm-p-red-600);
  --tm-action-hover: var(--tm-p-red-700);
  --tm-action-subtle: var(--tm-p-red-50);

  --tm-link: var(--tm-p-red-600);
  --tm-link-hover: var(--tm-p-red-700);

  --tm-selected-bg: var(--tm-p-green-700);
  --tm-selected-text: var(--tm-p-stone-0);

  --tm-focus: var(--tm-p-stone-900);
  --tm-focus-inverse: var(--tm-p-stone-0);

  --tm-status-ok-text: var(--tm-p-green-700);
  --tm-status-ok-bg: var(--tm-p-green-50);
  --tm-status-ok-accent: var(--tm-p-green-500);
  --tm-status-warn-text: var(--tm-p-amber-800);
  --tm-status-warn-bg: var(--tm-p-amber-50);
  --tm-status-warn-accent: var(--tm-p-amber-700);
  --tm-status-danger-text: var(--tm-p-red-800);
  --tm-status-danger-bg: var(--tm-p-red-50);
  --tm-status-danger-accent: var(--tm-p-red-600);
  --tm-status-info-text: var(--tm-p-stone-700);
  --tm-status-info-bg: var(--tm-p-stone-100);
  --tm-status-info-accent: var(--tm-p-stone-600);

  --tm-brand-red: var(--tm-p-red-500);
  --tm-brand-green: var(--tm-p-green-500);

  --tm-disabled-bg: var(--tm-p-stone-200);
  --tm-disabled-text: var(--tm-p-stone-600);

  --tm-star: var(--tm-p-gold-400);

  --tm-font: 'Manrope', Arial, sans-serif;

  --tm-space-1: 4px;
  --tm-space-2: 8px;
  --tm-space-3: 12px;
  --tm-space-4: 16px;
  --tm-space-5: 24px;
  --tm-space-6: 32px;
  --tm-space-7: 48px;
  --tm-space-8: 64px;
  --tm-space-9: 80px;
  --tm-space-10: 96px;

  --tm-radius-xs: 4px;
  --tm-radius-sm: 8px;
  --tm-radius-md: 12px;
  --tm-radius-lg: 16px;
  --tm-radius-xl: 24px;
  --tm-radius-pill: 999px;

  --tm-shadow-1: 0px 2px 8px 0px rgba(28, 28, 30, 0.06);
  --tm-shadow-2: 0px 8px 24px 0px rgba(28, 28, 30, 0.1);
  --tm-shadow-3: 0px 16px 48px 0px rgba(28, 28, 30, 0.16);

  --tm-z-dropdown: 100;
  --tm-z-sticky: 200;
  --tm-z-backdrop: 900;
  --tm-z-dialog: 1000;
  --tm-z-toast: 1100;
  --tm-z-consent: 1200;

  --tm-dur-fast: 120ms;
  --tm-dur: 200ms;
  --tm-dur-slow: 300ms;

  --tm-ease: cubic-bezier(0.2, 0, 0, 1);
  --tm-ease-exit: cubic-bezier(0.4, 0, 1, 1);

  --red: var(--tm-link);
  --red-dk: var(--tm-action-hover);
  --red-lt: var(--tm-p-red-50);
  --red-grad: var(--tm-action);

  --tm-cta-grad: var(--tm-action);
  --tm-cta-grad-hover: var(--tm-action-hover);

  --accent: var(--tm-p-green-500);
  --accent-dk: var(--tm-p-green-700);
  --accent-bg: var(--tm-p-green-50);
  --jungle: var(--tm-p-green-900);
  --sand: var(--tm-p-stone-100);
  --sand-2: var(--tm-p-stone-50);
  --border: var(--tm-p-stone-200);
  --ink: var(--tm-p-stone-900);
  --ink-2: var(--tm-p-stone-700);
  --ink-3: var(--tm-p-stone-600);
  --ink-4: var(--tm-p-stone-500);
}