/* Auto-generated from theme-tokens.json — DO NOT EDIT MANUALLY */
/* Generated by PrestaShop Installer 1.5.0 at 2026-07-01T00:00:00.000Z */

/* Rem reset enabled: 1rem = 10px (1.6rem = 16px) */
html { font-size: 62.5%; }
body { font-size: 1.6rem; }

:root {
  --wh-color-primary: #40362e;
  --wh-color-secondary: #908981;
  --wh-color-accent: #9e8264;
  --wh-color-sale: #FF4B4B;
  --wh-color-star: #FFC633;
  --wh-color-semantic-success: #16a34a;
  --wh-color-semantic-danger: #dc2626;
  --wh-color-semantic-warning: #f59e0b;
  --wh-color-semantic-info: #0ea5e9;
  --wh-color-text-primary: #40362e;
  --wh-color-text-muted: #6B6259;
  --wh-color-text-inverse: #ffffff;
  --wh-color-text-link: #0049FF;
  --wh-color-bg-base: #ffffff;
  --wh-color-bg-subtle: #f7f7f7;
  --wh-color-bg-elevated: #ffffff;
  --wh-color-bg-warm: #c6a488;
  --wh-color-bg-inverse: #1a1a1a;
  --wh-color-border-subtle: #e4e0da;
  --wh-color-border-strong: #9ca3af;

  --wh-font-heading: Poppins;
  --wh-font-body: Poppins;
  --wh-font-mono: ui-monospace, monospace;

  --wh-font-size-small: 12px;
  --wh-font-size-body: 14px;
  --wh-font-size-base: 16px;
  --wh-font-size-h3: clamp(15px, 1.83vw, 22px);
  --wh-font-size-h2: clamp(22px, 2.67vw, 32px);
  --wh-font-size-h1: clamp(27px, 3.17vw, 38px);
  --wh-font-size-lg: 18px;

  --wh-font-weight-regular: 400;
  --wh-font-weight-medium: 500;
  --wh-font-weight-semibold: 600;
  --wh-font-weight-bold: 700;

  --wh-space-4: 0.4rem;
  --wh-space-8: 0.8rem;
  --wh-space-10: 1rem;
  --wh-space-12: 1.2rem;
  --wh-space-16: 1.6rem;
  --wh-space-20: 2rem;
  --wh-space-24: 2.4rem;
  --wh-space-28: 2.8rem;
  --wh-space-30: 3rem;
  --wh-space-32: 3.2rem;
  --wh-space-40: 4rem;
  --wh-space-48: 4.8rem;
  --wh-space-64: 6.4rem;
  --wh-space-xs: 0.4rem;
  --wh-space-sm: 0.8rem;
  --wh-space-md: 1.6rem;
  --wh-space-lg: 3.2rem;
  --wh-space-xl: 6.4rem;

  --wh-radius-xs: 0.2rem;
  --wh-radius-sm: 0.4rem;
  --wh-radius-md: 0.8rem;
  --wh-radius-lg: 1.6rem;
  --wh-radius-pill: 99.9rem;

  --wh-shadow-xs: 0 1px 2px rgba(0,0,0,0.05);
  --wh-shadow-sm: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
  --wh-shadow-md: 0 4px 6px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06);
  --wh-shadow-lg: 0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05);

  --wh-duration-fast: 150ms;
  --wh-duration-base: 250ms;
  --wh-duration-slow: 400ms;

  --wh-z-index-sticky: 100;
  --wh-z-index-header: 200;
  --wh-z-index-dropdown: 300;
  --wh-z-index-modal: 400;
  --wh-z-index-toast: 500;
  --wh-z-index-tooltip: 600;

  /* === v1.2 backward compat aliases — PRZESTARZALE, nie uzywaj w nowym kodzie === */
  --wh-color-bg: var(--wh-color-bg-subtle);
  --wh-color-dark: var(--wh-color-text-primary);
  /* UWAGA: ponizsze = tekst POMOCNICZY (muted), nie podstawowy. */
  /* Tekst podstawowy: var(--wh-color-text-primary). Uzycie tego  */
  /* aliasu na tresc moze zlamac kontrast WCAG AA (4.5:1).        */
  --wh-color-text: var(--wh-color-text-muted);
  --wh-color-white: var(--wh-color-bg-base);
}