/* ============================================================
   nisim.pl - DESIGN TOKENS (single source of truth)
   Kierunek: clean clinical / trust (biało-miętowy, akcent teal)
   Portowalne 1:1 do grav/user/themes/nisim/css/01-design-tokens.css
   ============================================================ */

:root {
  /* --- Kolory bazowe --- */
  --wg-text:        #1a2b2b;
  --wg-muted:       #5a6b6b;
  --wg-faint:       #8a9b9b;
  --wg-bg:          #ffffff;
  --wg-elevated:    #f4faf8;   /* biało-miętowe karty */
  --wg-sunken:      #eef6f3;   /* tło sekcji / lab tint */
  --wg-border:      #dce8e4;
  --wg-border-strong:#c3d6d0;

  /* --- Akcent (teal - zaufanie zdrowotne) --- */
  --wg-accent:      #0e9e78;
  --wg-accent-hover:#0b7d5f;
  --wg-accent-soft: #d6f0e7;
  --wg-accent-softest:#e6fff6;
  --wg-accent-ink:  #06503c;

  /* --- Stany / badge --- */
  --wg-success:     #0e9e78;
  --wg-success-bg:  #d6f0e7;
  --wg-warning:     #b8791b;
  --wg-warning-bg:  #fbf0da;
  --wg-danger:      #c0453b;
  --wg-danger-bg:   #fbe4e1;
  --wg-pick:        #0b6bb3;   /* "nasz wybór" */
  --wg-pick-bg:     #dcecf8;
  --wg-star:        #e0a021;   /* gwiazdki oceny */

  /* --- Per-category accenty (10 klastrów) - subtelne --- */
  --cat-odchudzanie:  #0e9e78;
  --cat-potencja:     #b5497a;
  --cat-powiekszanie: #c77d3e;
  --cat-masa:         #3160a8;
  --cat-wlosy:        #8a6a3b;
  --cat-stawy:        #2f8f9c;
  --cat-skora:        #c05a8d;
  --cat-kobiety:      #b04d9c;
  --cat-mozg:         #6a52c0;
  --cat-narzady:      #47883f;

  /* --- Typografia --- */
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fs-base: 17px;
  --lh-base: 1.65;
  --measure: 70ch;

  /* Skala typograficzna (major third ~1.2) */
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-md:   1rem;
  --fs-lg:   1.2rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  2rem;
  --fs-3xl:  2.6rem;
  --fs-4xl:  3.4rem;

  /* --- Przestrzeń --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* --- Promienie / cienie / linie --- */
  --radius-sm: 6px;
  --radius:    12px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(26,43,43,.05);
  --shadow:    0 4px 18px rgba(26,43,43,.07);
  --shadow-lg: 0 12px 40px rgba(26,43,43,.10);

  --hairline: 1px solid var(--wg-border);

  --maxw:      1160px;
  --maxw-read: 820px;
}