/* ============================================================
   U Oli — design tokens
   Kierunek: ciepło i rzemieślniczo. Drewno, ciemna zieleń,
   mosiądz, kremowy papier. Punkt wyjścia z briefu:
   #3a2a1a / #c99a5b / #f2e8d5.
   ============================================================ */

:root {
  /* --- Kolor: ciemne powierzchnie (drewno / espresso) --- */
  --ink-900: #1c1309;
  --ink-800: #2a1d11;
  --ink-700: #3a2a1a; /* kolor z próbki klienta */
  --ink-600: #4e3a26;
  --ink-500: #6b543c;

  /* --- Kolor: ciemna zieleń (ściana salonu) --- */
  --moss-700: #2c3a2e;
  --moss-600: #3b4c3b;
  --moss-500: #55684f;

  /* --- Kolor: mosiądz / karmel (akcent) --- */
  --brass-600: #a87a3d;
  --brass-500: #c99a5b; /* kolor z próbki klienta */
  --brass-400: #ddb97f;
  --brass-200: #efd9b6;

  /* --- Kolor: papier / krem --- */
  --cream-300: #e6d8bf;
  --cream-200: #f2e8d5; /* kolor z próbki klienta */
  --cream-100: #f9f2e4;
  --paper: #fffdf8;

  /* --- Tekst --- */
  --text-on-dark: #f6ecdb;
  --text-on-dark-soft: #d9c8ae;
  --text-on-light: #2a1d11;
  --text-on-light-soft: #5c4a37;

  /* --- Typografia --- */
  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: "Karla", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-eyebrow: 0.72rem;
  --fs-xs: clamp(0.78rem, 0.76rem + 0.1vw, 0.85rem);
  --fs-sm: clamp(0.92rem, 0.89rem + 0.15vw, 1rem);
  --fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.09rem);
  --fs-lg: clamp(1.12rem, 1.05rem + 0.35vw, 1.3rem);
  --fs-xl: clamp(1.35rem, 1.2rem + 0.7vw, 1.75rem);
  --fs-2xl: clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);
  --fs-3xl: clamp(2.1rem, 1.6rem + 2.4vw, 3.6rem);
  --fs-hero: clamp(2.6rem, 1.7rem + 4.2vw, 5.6rem);

  --lh-tight: 1.04;
  --lh-snug: 1.22;
  --lh-body: 1.66;

  --ls-eyebrow: 0.22em;
  --ls-tight: -0.02em;

  /* --- Przestrzeń (8pt) --- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4rem;
  --sp-7: 5.5rem;
  --sp-8: 7.5rem;
  --sp-9: 10rem;

  --container: 1180px;
  --container-narrow: 760px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --header-h: 76px;

  /* --- Promienie --- */
  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 14px;
  --r-pill: 999px;

  /* --- Cienie --- */
  --shadow-sm: 0 1px 2px rgba(28, 19, 9, 0.08), 0 4px 14px rgba(28, 19, 9, 0.06);
  --shadow-md: 0 12px 34px rgba(28, 19, 9, 0.13);
  --shadow-lg: 0 26px 70px rgba(28, 19, 9, 0.26);

  /* --- Ruch --- */
  --ease-out: cubic-bezier(0.22, 0.75, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0.14, 0.2, 1);
  --dur-fast: 160ms;
  --dur-mid: 320ms;
  --dur-slow: 760ms;
}