/* Hallmark · genre: modern-minimal · macrostructure: Split Studio (v5)
 * theme: custom — clean clinical white + jeden stonowany błękit
 * nav: N1b kanoniczna trzysekcyjna · footer: Ft2 jedna linia
 * projekt: demo — Przychodnia Medyczna Warszawa (placówka fikcyjna)
 *
 * v5 zmienia względem v4: pusty biały papier (gatunek modern-minimal na to
 * pozwala, bramka 7 rozluźniona), jedna rodzina pisma z mocnym kontrastem wag,
 * zdjęcia zespołu kwadratowe i w kolorze, jedna szerokość kontenera wszędzie.
 */

:root {
  /* Papier — czysta biel dozwolona w tym gatunku; neutralne szarości lekko chłodne */
  --color-paper:       oklch(100%  0     0);
  --color-paper-2:     oklch(97.5% 0.003 240);
  --color-paper-3:     oklch(94.5% 0.005 240);
  --color-rule:        oklch(90%   0.006 240);
  --color-rule-2:      oklch(84%   0.008 240);

  /* Tekst */
  --color-muted:       oklch(52%   0.014 245);
  --color-ink-2:       oklch(38%   0.016 248);
  --color-ink:         oklch(17%   0.022 252);

  /* Ciemna sekcja */
  --color-deep:        oklch(19%   0.028 252);
  --color-rule-deep:   oklch(34%   0.022 250);
  --on-deep:           oklch(98%   0.004 240);
  --on-deep-muted:     oklch(76%   0.014 242);
  --accent-on-deep:    oklch(76%   0.115 240);

  /* Akcent — spokojny błękit kliniczny, nie jaskrawy korporacyjny */
  --color-accent:      oklch(48%   0.125 245);
  --color-accent-text: oklch(44%   0.135 247);
  --color-accent-soft: oklch(95%   0.022 245);
  --color-accent-ink:  oklch(99%   0.003 240);
  --color-focus:       oklch(48%   0.125 245);

  --color-paper-glass: oklch(100% 0 0 / 0.82);

  /* Gradienty — wyłącznie jednobarwne, dwustopniowe, jako powierzchnia.
     Nigdy na tekście, nigdy w hero, nigdy fiolet→cyjan. */
  --grad-soft: linear-gradient(180deg, oklch(99% 0.006 245) 0%, oklch(96.5% 0.014 245) 100%);
  --grad-deep: linear-gradient(160deg, oklch(22% 0.032 250) 0%, oklch(17% 0.026 254) 100%);
  --grad-mark: linear-gradient(140deg, oklch(56% 0.135 240) 0%, oklch(43% 0.125 252) 100%);

  --star: oklch(72% 0.145 75);   /* bursztyn na gwiazdki ocen */

  /* Jedna rodzina, kontrast na wagach — dyscyplina gatunku modern-minimal */
  --font-display: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;

  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1rem;
  --text-md:   1.0625rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  1.875rem;
  --text-3xl:  2.375rem;
  /* Sufit trzymany nisko świadomie — bramka 44 wymaga, by hero mieścił się
     w pierwszym ekranie na 1280×800 razem z CTA. */
  --text-display:   clamp(2.25rem, 3.2vw + 1rem, 3.5rem);
  --text-display-s: clamp(1.75rem, 1.8vw + 1rem, 2.375rem);
  --text-figure:    clamp(2rem, 2.4vw + 1rem, 2.75rem);

  --tracking-display: -0.032em;
  --tracking-tight:   -0.018em;
  --tracking-label:   0.1em;
  --lh-display: 1.06;
  --lh-snug:    1.3;
  --lh-body:    1.6;

  --space-3xs: 0.25rem; --space-2xs: 0.5rem;  --space-xs: 0.75rem;
  --space-sm:  1rem;    --space-md:  1.5rem;  --space-lg: 2rem;
  --space-xl:  3rem;    --space-2xl: 4.5rem;  --space-3xl: 6.5rem;

  /* Jedna szerokość kontenera dla CAŁEJ strony — w v4 sekcje miały różne
     limity i prawa strona rozjeżdżała się na szerokim ekranie. */
  --page-max:    82rem;   /* 1312px — 72rem gubiło się na szerokich monitorach */
  --page-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --measure: 68ch;

  --radius-sm:    8px;
  --radius-card:  14px;
  --radius-media: 16px;
  --radius-pill:  999px;
  --rule-hair: 1px;

  --shadow-card: 0 1px 2px oklch(17% 0.02 252 / 0.05),
                 0 12px 32px -20px oklch(17% 0.02 252 / 0.18);

  --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);
  --dur-micro: 120ms;
  --dur-short: 200ms;
  --dur-long:  380ms;

  --z-base: 1; --z-raised: 10; --z-sticky: 200; --z-sticky-nav: 300;
}