/* Tokeny systemu designu timberit.pl.
   Jedyne miejsce z wartosciami. Zaden inny plik nie zapisuje kolorow wprost. */
:root {
  /* --- Kolory (§5 specu) --- */
  --c-bg: #16110D;         /* orzech tuz przed czernia */
  --c-surface: #241B15;    /* karty, panele */
  --c-surface-hi: #2E231B; /* hover powierzchni */
  --c-border: #3A2C22;     /* linie DEKORACYJNE: karty, separatory, stopka */
  /* Granice elementow INTERAKTYWNYCH - pola formularza. WCAG SC 1.4.11 zada
     3:1, a --c-border daje wobec powierzchni 1,26:1: pole bylo widoczne
     dopiero po trafieniu w nie fokusem. Osobny token, bo podniesienie
     --c-border do 3:1 pogrubiloby wizualnie kazda karte i separator,
     ktore progu nietekstowego nie musza spelniac. */
  --c-border-strong: #8A7061;
  --c-text: #F2E9DF;       /* blady jesion */
  --c-text-dim: #A8988A;
  --c-accent: #E0A44C;     /* miod/zywica - jedyny mocny kolor */
  --c-accent-hi: #F0B968;
  --c-accent-ink: #16110D; /* tekst na tle akcentu */

  /* --- Typografia: trzy glosy (§5 specu) --- */
  --f-head: 'Fraunces', Georgia, 'Times New Roman', serif;
  --f-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  /* Skala plynna - clamp zamiast breakpointow */
  --step--1: clamp(0.83rem, 0.80rem + 0.15vw, 0.91rem);
  --step-0:  clamp(1.00rem, 0.95rem + 0.25vw, 1.13rem);
  --step-1:  clamp(1.20rem, 1.10rem + 0.50vw, 1.50rem);
  --step-2:  clamp(1.44rem, 1.25rem + 0.95vw, 2.00rem);
  --step-3:  clamp(1.73rem, 1.40rem + 1.65vw, 2.66rem);
  --step-4:  clamp(2.07rem, 1.50rem + 2.85vw, 3.55rem);

  /* --- Odstepy --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  --radius: 6px;
  --radius-lg: 12px;
  --container: 68rem;

  --z-nav: 100;
  --z-lightbox: 1000;
}