/* Spiżarnia — tokeny. Źródło: makieta/design_handoff_spizarnia/tokens/*.css (system projektowy v2, 17 września 2026).
   Nazwy zmiennych są kontraktem z resztą CSS; wartości pochodzą z tokens/colors.css, typography.css, shape.css, motion.css.
   Zasada systemu: wszystko w Figtree, EB Garamond tylko w nagłówku ekranu 32 px; skala o dwa stopnie niższa niż w spec. */

:root {
  /* powierzchnie */
  --cream: #F1ECE1;        /* tło ekranu */
  --paper: #EDE6D8;        /* tab bar, slot statusu, nagłówki miesięcy, mini tagi */
  --card: #F8F4EC;         /* karty (jaśniejsze od tła zamiast cienia), arkusze, pola */
  --beige: #E3DBD0;        /* „−”, chip wybrany, Cofnij, Zjedzone, Przyszło */
  --beige-deep: #C6B9A8;   /* obrys wybranego chipa i fokus — nigdy atrament */

  /* atrament i szarości */
  --ink: #3A342F;          /* tekst: ciepły atrament, nie czerń */
  --graphite: #565049;     /* ikony 1,25 px, etykiety grup */
  --title-ink: #6B625A;    /* tytuł obiektu (arkusz, przepis) */
  --text-2: #6E665C;       /* podpisy — jedyny szary do treści */
  --text-3: #8A8177;       /* placeholder, dekoracja; = obrys pól */
  --border-ui: #8A8177;
  --hairline: #D9CFBD;

  /* akcenty (wypełnienia) */
  --ochre: #D8B36A;
  --yellow-dirty: #C9A44C;
  --sage: #9DB49A;
  --pigeon: #B9BEAA;
  --clay-soft: #D9A48A;
  --tint-terracotta: #E8D1C4;
  --terracotta: #B8846E;
  --blue-milky: #A9B7BF;

  /* ciemne rodzeństwo (tekst w akcencie) */
  --olive: #6B5A2A;
  --brick: #8E5540;
  --sage-text: #5F6F5B;
  --slate-text: #5E707D;

  /* odcienie sekcji */
  --tint-blue: #CFD6D8;
  --tint-sage: #D5D9C6;
  --photo-filter: saturate(.75) sepia(.12); /* zdjęcia przepisów: jedno wykończenie (system v2, shape.css) */
  --tint-clay: #F1E1D8;
  --tint-yellow: #EFE5D2;

  /* przyciemnienie pod arkuszem — jedyna przezroczystość w produkcie; cieni nie ma */
  --overlay: rgba(58, 52, 47, .28);
  --popup-overlay: rgba(58, 52, 47, .18);

  /* widok domownika „Gotowe” (sesja 2b): zgaszona szara wersja kremu */
  --dom-bg: #E4E4E1;
  --dom-card: #F0F0EE;
  --dom-hairline: #CBCCC7;
  --dom-btn: #D3D4CF;

  /* kroje */
  --font-serif: 'EB Garamond', Georgia, 'Times New Roman', serif;          /* 500 — tylko nagłówek ekranu */
  --font-sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif; /* 400 / 500 / 600 — cała reszta */
  --font-name: var(--font-sans);                                             /* nazwy rzeczy (alias, jak w systemie) */

  /* skala tekstu (system v2): */
  --fs-screen: 32px;   /* nagłówek ekranu, serif */
  --fs-lead: 16px;     /* wiersz Gotowe dania, kroki Gotuję */
  --fs-body: 15px;     /* tekst, nazwy rzeczy, zdania kart i pustych stanów */
  --fs-obj: 14px;      /* tytuł obiektu (arkusz), w title-ink */
  --fs-btn: 14px;      /* przyciski i liczby, 600 */
  --fs-chip: 13px;     /* chipy i podpisy, 500 */
  --fs-3: 12px;        /* cicha linia pod nazwą, etykieta w polu */
  --fs-mini: 11px;     /* mini tagi, podpis w tab barze, „podpowiedź” */
  --fs-caps: 12px;     /* etykiety grup i sekcji: 600, wersaliki, tracking .08em */
  --fs-caps-card: 11px;/* etykiety kart Dzisiaj */
  --caps-tracking: .08em;

  /* promienie */
  --r4: 4px;
  --r6: 6px;
  --r8: 8px;
  --r14: 14px;

  /* ruch: tylko po kliknięciu */
  --ease: 160ms ease-out;

  /* kolumna: telefon pełna szerokość, komputer 720 px wyśrodkowane */
  --col-max: 720px;

  /* dolna krawędź: tab bar → slot statusu → przycisk ekranu */
  --tabbar-h: 56px;
  --slot-h: 44px;
  --screen-btn-h: 74px;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);

  color-scheme: light;
}