/* Mameko — design tokens (źródło prawdy). Klimat: świeżo, letnio, jasne światło. */
:root{
  /* --- KOLORY --- */
  --mameko-green:#63B54A;        /* trawa majowa — marka, badge „Wybór Mameko", akcenty */
  --mameko-green-dark:#2F7A34;   /* ciemna zieleń — hover, linki, kontrast tekstu na jasnym */
  --mameko-mint:#6FBF9A;         /* mięta — tła miękkie, akcent świeżości */
  --mameko-lemon:#F9C22B;        /* cytryna — wyróżniki, „nowość/sezon", energia */
  --mameko-cta:#E8632B;          /* GŁÓWNE CTA (przyciski „Do koszyka") — KANON z makiet (2026-07-20) */
  --mameko-cta-dark:#CC5019;     /* hover CTA */
  --mameko-terracotta:#CE6A43;   /* DEPRECATED — stara terakota z briefu; używaj --mameko-cta */
  --mameko-azure:#2F8FA6;        /* lazur (czytelny) — CENA + info */
  --mameko-azure-light:#3BA9C4;  /* lazur jasny — akcenty/fille dekoracyjne */
  --mameko-sand:#F1D89C;         /* piasek złoty/słoneczny — tła sekcji, hero */
  --mameko-ivory:#F7F1E1;        /* kość słoniowa — baza strony (NIE mdły krem) */
  --mameko-fig:#3A2B33;          /* figa — tekst, nagłówki, ciemny kontrast */
  --mameko-red:#D64545;          /* serce ulubionych */
  --mameko-line:#E6D9BB;         /* delikatna linia/ramka na jasnym — KANON z makiet */
  --mameko-mut:#8a8172;          /* tekst drugorzędny (muted) — ceny „przed", podpisy */
  --mameko-bar:#F0E6CD;          /* pasek nazwy w kaflu .pc */
  --mameko-add:#e2eed6;          /* tło kółka ＋ (dodaj) w kaflu .pc */
  --mameko-gold:#C99A2E;         /* ikona „Wybór Mameko" (złota) */

  /* --- ROLE (mapowanie na użycie) --- */
  --color-bg:var(--mameko-ivory);
  --color-bg-section:var(--mameko-sand);
  --color-text:var(--mameko-fig);
  --color-heading:var(--mameko-fig);
  --color-brand:var(--mameko-green);
  --color-cta:var(--mameko-cta);
  --color-cta-hover:var(--mameko-cta-dark);
  --color-price:var(--mameko-azure);
  --color-link:var(--mameko-green-dark);

  /* --- TYPOGRAFIA --- */
  --font-display:'DM Serif Display', Georgia, serif;  /* TYLKO nagłówki */
  --font-body:'Inter', -apple-system, Segoe UI, Roboto, sans-serif;

  /* --- INNE --- */
  --radius-card:16px;
  --radius-control:30px;         /* przyciski/pill */
  --band:linear-gradient(90deg,#63B54A 0%,#8FD36A 18%,#6FBF9A 34%,#F9C22B 55%,#F0A83A 68%,#CE6A43 82%,#3BA9C4 100%);
}
/* Google Fonts (front): DM Serif Display + Inter
   https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&display=swap */