/* ============================================================
   gisty® design tokens — jedno źródło prawdy dla całego motywu.
   Wartości wyciągnięte z 21 projektów .dc.html (synteza 2026-07).
   ============================================================ */
:root {
  /* --- Kolory: rdzeń --- */
  --g-bg: #FBF3EF;            /* tło strony */
  --g-ink: #33272E;           /* tekst główny, ciemne karty, przyciski dark */
  --g-accent: #B57568;        /* linki, CTA, wyróżnienia */
  --g-accent-hover: #9C5C50;
  --g-accent-2: #B07D72;      /* kroki, kropki, pipsy */
  --g-star: #C58B7C;          /* gwiazdki ocen, hover borderów */
  --g-eyebrow: #A9704F;       /* kickery/eyebrow na bandach */

  /* --- Kolory: tła sekcji --- */
  --g-band: #C4A89C;          /* band newslettera + nad stopką */
  --g-surface-beige: #F7E7DF; /* sekcje „jakość", cross-sell, values */
  --g-surface-story: #F3DBD0; /* pasy storytelling */
  --g-surface-soft: #F6E4DC;  /* karty/ikony jasne */
  --g-surface-soft-2: #FAEEE8;
  --g-surface-blob: #F3D8CD;  /* dekoracyjne bloby */
  --g-surface-blob-2: #E7C6BB;

  /* --- Kolory: teksty wtórne --- */
  --g-muted: #6E5F5A;
  --g-muted-2: #8A7A75;
  --g-muted-3: #9A8A84;
  --g-muted-dark: #5E5148;

  /* --- Kolory: techniczne --- */
  --g-border: #E7CFC4;
  --g-selection: #EFD2C8;
  --g-success: #1F8A5B;
  --g-success-bg: #EAF6EF;
  --g-wish: #C0392B;          /* serce wishlisty */
  --g-on-dark: #D6C2BB;       /* tekst na ciemnych kartach (boxy wpisów, panele) */
  --g-warn: #B07D1A;          /* „ostatnie sztuki", terminy na wyczerpaniu */
  --g-warn-bg: #FDF0D9;
  --g-surface-closeup: #C2A79C; /* tło kafli close-up (auto-cięty packshot) */
  --g-swing-1: #F0D8CE;       /* scena animacji zginanej główki — gradient */
  --g-swing-2: #E3BEB2;
  --g-dim-line: #C9A79D;      /* linie miarek na sekcji wymiarów */
  --g-dim-alt: #BFA093;       /* pigułka długości całkowitej */
  --g-heat: #C9603F;          /* ogrzewanie (Carrie) — przełącznik i poświata */
  --g-blob-3: #C99B90;        /* bloby dekoracyjne pasów karty produktu */
  --g-blob-4: #B98A7D;
  --g-blob-5: #D9A99C;
  --g-blob-6: #EAD1C6;

  /* --- Kolory: stopka (ciemna) --- */
  --g-footer-text: #E8DAD4;
  --g-footer-muted: #B7A59D;
  --g-footer-legal: #8F7E77;
  --g-footer-border: #4A3A42;

  /* --- Gradient marki --- */
  --g-gradient: linear-gradient(135deg, #D79E90 0%, #B57568 100%);

  /* --- Typografia --- */
  --g-font: 'Outfit', system-ui, -apple-system, sans-serif;
  --g-h1: clamp(30px, 5vw, 54px);
  --g-h1-product: clamp(28px, 4vw, 42px);
  --g-h2: clamp(28px, 4.5vw, 44px);
  --g-lead: clamp(16px, 2vw, 19px);
  --g-tracking-tight: -0.02em;
  --g-tracking-eyebrow: 0.2em;

  /* --- Promienie --- */
  --g-r-pill: 999px;          /* przyciski, chipy, inputy, badge */
  --g-r-card: 24px;           /* karty (zakres w projektach 14–28) */
  --g-r-card-lg: 28px;        /* duże media/bandy */
  --g-blob: 46% 54% 60% 40% / 44% 46% 54% 56%; /* sygnaturowy kształt marki */

  /* --- Cienie --- */
  --g-shadow-media: 0 34px 66px -34px rgba(150, 90, 75, 0.45);
  --g-shadow-card: 0 18px 44px -38px rgba(150, 90, 75, 0.4);
  --g-shadow-drawer: -20px 0 60px -20px rgba(51, 39, 46, 0.5);

  /* --- Layout --- */
  --g-content: 1200px;
  --g-content-narrow: 1000px;
  --g-section-pad: clamp(48px, 8vw, 104px);
  --g-wave-h: clamp(42px, 7vw, 90px);
}

/* Breakpointy (ujednolicone z JS isMobile 720/860 na CSS):
   - do 720px  = mobile (układy produktowe)
   - do 860px  = nawigacja mobilna (hamburger)
   Używać w media queries: @media (max-width: 720px) / (max-width: 860px) */