/* ==========================================================================
   Narzedzia dla Biur - design tokens
   Jedyne miejsce, gdzie definiujemy wartosci. components.css tylko ich uzywa.
   ========================================================================== */

/* --------------------------------------------------------------------------
   FONTY LOKALNE
   Wrzuc pliki do /fonts/ i odkomentuj. Do czasu podmiany dziala stack systemowy
   (Helvetica / Arial). Display musi byc bardzo gruby (800-900).
   -------------------------------------------------------------------------- */
/*
@font-face {
  font-family: "NDB Display";
  src: url("/fonts/ndb-display.woff2") format("woff2");
  font-weight: 800 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "NDB Text";
  src: url("/fonts/ndb-text.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
}
*/

:root {
  /* --- kolory: baza biel, tekst prawie czarny --- */
  --c-paper:        #ffffff;
  --c-paper-warm:   #faf9f5;
  --c-ink:          #0e0e0d;
  --c-ink-soft:     #4a4945;
  --c-line:         #e3e1d9;

  /* --- akcent: zolty marker --- */
  --c-yellow:       #ffdd00;
  --c-yellow-deep:  #e8c400;
  --c-yellow-wash:  #fff8cc;

  /* --- stany --- */
  --c-ok:           #146b43;
  --c-ok-wash:      #e8f3ec;
  --c-warn:         #8a4a08;
  --c-warn-wash:    #fdf1e0;
  --c-err:          #a01f1f;
  --c-err-wash:     #fceeee;

  /* --- typografia --- */
  --font-display: "NDB Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-text:    "NDB Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:    ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --fw-display: 900;
  --fw-bold: 700;
  --fw-semi: 600;
  --fw-base: 400;

  --fs-100: 0.8125rem;
  --fs-200: 0.9375rem;
  --fs-300: 1.0625rem;
  --fs-400: clamp(1.0625rem, 0.98rem + 0.4vw, 1.1875rem);
  --fs-500: clamp(1.1875rem, 1.05rem + 0.7vw, 1.375rem);
  --fs-600: clamp(1.375rem, 1.2rem + 1vw, 1.75rem);
  --fs-700: clamp(1.75rem, 1.4rem + 2vw, 2.5rem);
  --fs-800: clamp(2.25rem, 1.6rem + 4vw, 4rem);
  --fs-900: clamp(3rem, 2rem + 7vw, 6.5rem);

  --lh-tight: 0.98;
  --lh-head: 1.06;
  --lh-snug: 1.3;
  --lh-body: 1.62;
  --ls-tight: -0.02em;
  --ls-head: -0.015em;
  --ls-caps: 0.09em;

  /* --- spacing, baza 4px --- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

  --sec-y: clamp(48px, 7vw, 104px);
  --sec-y-tight: clamp(32px, 4.5vw, 64px);

  /* --- miary --- */
  --w-page: 1200px;
  --w-text: 680px;
  --w-narrow: 860px;

  /* --- kanty --- */
  --r-1: 2px;
  --r-2: 4px;
  --r-pill: 999px;
  --bw: 2px;
  --bw-thick: 3px;
  --shadow-block: 6px 6px 0 var(--c-ink);

  /* --- dotyk i focus --- */
  --tap: 48px;
  --focus-w: 3px;
  --focus-offset: 3px;
}