/* Hallmark · tokens · kiosk PTOiTr 2026 (Massmedica)
 * theme: custom "kliniczny" · paper-band: light · display-style: condensed-sans · accent-hue: neutral-steel
 */

:root {
  /* ── Papier i tusz ───────────────────────────────────────────────
     Nigdy czysta biel ani czysta czerń — oba czytają się syntetycznie.
     Papier ma minimalny chłodny tint, tusz idzie w grafit marki. */
  --color-paper:      oklch(99% 0.002 240);
  --color-paper-2:    oklch(96.5% 0.004 240);
  --color-paper-3:    oklch(93.5% 0.006 240);

  --color-ink:        oklch(23% 0.008 250);
  --color-ink-2:      oklch(38% 0.008 250);
  --color-neutral:    oklch(50% 0.007 250);
  --color-muted:      oklch(63% 0.006 250);

  --color-rule:       oklch(88% 0.005 250);
  --color-rule-2:     oklch(80% 0.006 250);

  /* ── Akcent: stal chirurgiczna ───────────────────────────────────
     Chłodny, niebiesko-stalowy. Powaga zabiegowa, nie startup-blue. */
  --color-accent:     oklch(46% 0.078 232);
  --color-accent-2:   oklch(39% 0.082 232);
  --color-accent-ink: oklch(99% 0.002 240);
  --color-accent-wash: oklch(95% 0.018 232);

  /* Turkus Massmedica (z logo) — wyłącznie jako sygnatura marki przy
     logo, nigdy jako kolor akcji. Marka jest obecna, nie dominuje. */
  --color-brand:      oklch(69% 0.113 209);

  --color-focus:      oklch(52% 0.15 250);
  --color-error:      oklch(52% 0.17 27);
  --color-error-wash: oklch(96% 0.02 27);
  --color-ok:         oklch(52% 0.10 155);

  /* ── Typografia ──────────────────────────────────────────────────
     Jedna superrodzina, kontrast przez szerokość — jak systemy
     oznaczeń aparatury medycznej. */
  --font-display: 'IBM Plex Sans Condensed', 'IBM Plex Sans', system-ui, sans-serif;
  --font-body:    'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1.0625rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.75rem;

  /* ── Skala 4pt ───────────────────────────────────────────────── */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  /* ── Geometria ───────────────────────────────────────────────── */
  --radius-sm: 2px;
  --radius-md: 3px;
  --rule-hair: 1px;

  /* Wysokość bazowa: pole = przycisk. Podniesiona ponad próg 44px,
     bo to kiosk obsługiwany palcem na stojąco. */
  --control-h: 60px;

  /* ── Ruch ────────────────────────────────────────────────────── */
  --dur-instant: 90ms;
  --dur-short:   160ms;
  --dur-mid:     260ms;
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --z-base: 1;
  --z-sticky: 10;
  --z-overlay: 100;
}