:root{
    /* --- Tla: prawie biale, z ledwie wyczuwalnym liliowym odcieniem --- */
    --bg:#FAF8FC;
    --bg-alt:#F4F1F8;
    --surface:#FFFFFF;
    --surface-soft:#F8F5FB;
    --border:#E8E2F0;
    --border-soft:#F0ECF6;

    /* --- Tekst --- */
    --text:#2F2B36;
    --text-soft:#635C6E;
    --text-muted:#847D90;

    /* --- Kolor wiodacy: przygaszony liliowy --- */
    --brand-50:#F7F4FB;
    --brand-100:#F0EBF7;
    --brand-200:#E3DAEE;
    --brand-300:#CBBFDF;
    --brand-400:#A997C4;
    --brand-500:#8A7AA8;
    --brand-600:#6E6090;
    --brand-700:#584B75;
    --brand-800:#453B5C;

    /* --- Akcent: bardzo jasny roz z liliowa nuta --- */
    --accent:#E5D2E2;
    --accent-soft:#F7F0F6;
    --accent-deep:#8B6F88;

    --on-brand:#FFFFFF;
    --footer-bg:#F4F1F8;
    --footer-text:#635C6E;

    /* --- Cienie: miekkie, chlodne --- */
    --shadow-s:0 1px 2px hsl(270 20% 30% / .05), 0 2px 6px hsl(270 20% 30% / .04);
    --shadow:0 2px 8px hsl(270 20% 30% / .06), 0 10px 26px hsl(270 20% 30% / .05);
}

/* ==========================================================================
   SPECJALISTYCZNA PRAKTYKA LEKARSKA MARIA KAJDAS — base.css
   Palety kolorow, reset, typografia, siatka sekcji, animacje wejscia
   ========================================================================== */

/* === Palety — kość słoniowa, ciepła biel, stonowany kolor wiodący === */

:root[data-preset="oliwka"]{
    --bg:#F8F5EF;
    --bg-alt:#F2EDE3;
    --surface:#FFFDF9;
    --surface-soft:#F6F2EA;
    --border:#E7E1D6;
    --border-soft:#EFEAE1;
    --text:#2F332D;
    --text-soft:#6C7069;
    --text-muted:#7D8179;
    --brand-50:hsl(88 17.6% 96.0%);
    --brand-100:hsl(88 16.5% 92.0%);
    --brand-200:hsl(88 14.3% 85.0%);
    --brand-300:hsl(88 12.6% 72.0%);
    --brand-400:hsl(88 11.6% 55.0%);
    --brand-500:#6F7860;
    --brand-600:#5A6350;
    --brand-700:#465040;
    --brand-800:#39412F;
    --accent:#D9B8B0;
    --accent-soft:#F1E2DE;
    --accent-deep:hsl(15 29.0% 46.0%);
    --on-brand:#FFFDF9;
    --footer-bg:hsl(88 12.0% 22.0%);
    --footer-text:hsl(42 18.0% 84.0%);
    --shadow-s:0 1px 2px hsl(42 14% 28% / .05), 0 2px 6px hsl(42 14% 28% / .04);
    --shadow:0 2px 8px hsl(42 14% 28% / .06), 0 10px 26px hsl(42 14% 28% / .05);
}

:root[data-preset="szalwia"]{
    --bg:hsl(42 30.0% 95.0%);
    --bg-alt:hsl(36 27.0% 93.5%);
    --surface:hsl(40 90.0% 99.0%);
    --surface-soft:hsl(38 28.5% 97.5%);
    --border:hsl(34 22.5% 88.5%);
    --border-soft:hsl(34 24.0% 90.5%);
    --text:hsl(140 6.0% 19.0%);
    --text-soft:hsl(132 4.0% 43.0%);
    --text-muted:hsl(132 4.0% 52.0%);
    --brand-50:hsl(126 20.8% 96.0%);
    --brand-100:hsl(126 19.5% 92.0%);
    --brand-200:hsl(126 16.9% 85.0%);
    --brand-300:hsl(126 14.9% 72.0%);
    --brand-400:hsl(126 13.7% 55.0%);
    --brand-500:hsl(126 13.0% 42.0%);
    --brand-600:hsl(126 13.0% 35.0%);
    --brand-700:hsl(126 14.0% 28.0%);
    --brand-800:hsl(126 14.0% 22.0%);
    --accent:hsl(15 32.0% 77.0%);
    --accent-soft:hsl(15 36.0% 91.0%);
    --accent-deep:hsl(15 26.0% 46.0%);
    --on-brand:hsl(40 90.0% 99.0%);
    --footer-bg:hsl(126 14.0% 22.0%);
    --footer-text:hsl(42 18.0% 84.0%);
    --shadow-s:0 1px 2px hsl(42 14% 28% / .05), 0 2px 6px hsl(42 14% 28% / .04);
    --shadow:0 2px 8px hsl(42 14% 28% / .06), 0 10px 26px hsl(42 14% 28% / .05);
}

:root[data-preset="roz"]{
    --bg:hsl(38 32.0% 95.0%);
    --bg-alt:hsl(32 28.8% 93.5%);
    --surface:hsl(36 96.0% 99.0%);
    --surface-soft:hsl(34 30.4% 97.5%);
    --border:hsl(30 24.0% 88.5%);
    --border-soft:hsl(30 25.6% 90.5%);
    --text:hsl(26 6.0% 19.0%);
    --text-soft:hsl(18 4.0% 43.0%);
    --text-muted:hsl(18 4.0% 52.0%);
    --brand-50:hsl(12 32.0% 96.0%);
    --brand-100:hsl(12 30.0% 92.0%);
    --brand-200:hsl(12 26.0% 85.0%);
    --brand-300:hsl(12 23.0% 72.0%);
    --brand-400:hsl(12 21.0% 55.0%);
    --brand-500:hsl(12 20.0% 42.0%);
    --brand-600:hsl(12 20.0% 35.0%);
    --brand-700:hsl(12 21.0% 28.0%);
    --brand-800:hsl(12 21.0% 22.0%);
    --accent:hsl(92 12.0% 77.0%);
    --accent-soft:hsl(92 16.0% 91.0%);
    --accent-deep:hsl(92 6.0% 46.0%);
    --on-brand:hsl(36 96.0% 99.0%);
    --footer-bg:hsl(12 21.0% 22.0%);
    --footer-text:hsl(38 18.0% 84.0%);
    --shadow-s:0 1px 2px hsl(38 14% 28% / .05), 0 2px 6px hsl(38 14% 28% / .04);
    --shadow:0 2px 8px hsl(38 14% 28% / .06), 0 10px 26px hsl(38 14% 28% / .05);
}

:root[data-preset="piasek"]{
    --bg:hsl(40 34.0% 95.0%);
    --bg-alt:hsl(34 30.6% 93.5%);
    --surface:hsl(38 100.0% 99.0%);
    --surface-soft:hsl(36 32.3% 97.5%);
    --border:hsl(32 25.5% 88.5%);
    --border-soft:hsl(32 27.2% 90.5%);
    --text:hsl(44 6.0% 19.0%);
    --text-soft:hsl(36 4.0% 43.0%);
    --text-muted:hsl(36 4.0% 52.0%);
    --brand-50:hsl(30 35.2% 96.0%);
    --brand-100:hsl(30 33.0% 92.0%);
    --brand-200:hsl(30 28.6% 85.0%);
    --brand-300:hsl(30 25.3% 72.0%);
    --brand-400:hsl(30 23.1% 55.0%);
    --brand-500:hsl(30 22.0% 42.0%);
    --brand-600:hsl(30 22.0% 35.0%);
    --brand-700:hsl(30 23.0% 28.0%);
    --brand-800:hsl(30 23.0% 22.0%);
    --accent:hsl(100 12.0% 77.0%);
    --accent-soft:hsl(100 16.0% 91.0%);
    --accent-deep:hsl(100 6.0% 46.0%);
    --on-brand:hsl(38 100.0% 99.0%);
    --footer-bg:hsl(30 23.0% 22.0%);
    --footer-text:hsl(40 18.0% 84.0%);
    --shadow-s:0 1px 2px hsl(40 14% 28% / .05), 0 2px 6px hsl(40 14% 28% / .04);
    --shadow:0 2px 8px hsl(40 14% 28% / .06), 0 10px 26px hsl(40 14% 28% / .05);
}

:root[data-preset="lawenda"]{
    --bg:hsl(40 28.0% 95.0%);
    --bg-alt:hsl(34 25.2% 93.5%);
    --surface:hsl(38 84.0% 99.0%);
    --surface-soft:hsl(36 26.6% 97.5%);
    --border:hsl(32 21.0% 88.5%);
    --border-soft:hsl(32 22.4% 90.5%);
    --text:hsl(296 6.0% 19.0%);
    --text-soft:hsl(288 4.0% 43.0%);
    --text-muted:hsl(288 4.0% 52.0%);
    --brand-50:hsl(282 19.2% 96.0%);
    --brand-100:hsl(282 18.0% 92.0%);
    --brand-200:hsl(282 15.6% 85.0%);
    --brand-300:hsl(282 13.8% 72.0%);
    --brand-400:hsl(282 12.6% 55.0%);
    --brand-500:hsl(282 12.0% 42.0%);
    --brand-600:hsl(282 12.0% 35.0%);
    --brand-700:hsl(282 13.0% 28.0%);
    --brand-800:hsl(282 13.0% 22.0%);
    --accent:hsl(15 30.0% 77.0%);
    --accent-soft:hsl(15 34.0% 91.0%);
    --accent-deep:hsl(15 24.0% 46.0%);
    --on-brand:hsl(38 84.0% 99.0%);
    --footer-bg:hsl(282 13.0% 22.0%);
    --footer-text:hsl(40 18.0% 84.0%);
    --shadow-s:0 1px 2px hsl(40 14% 28% / .05), 0 2px 6px hsl(40 14% 28% / .04);
    --shadow:0 2px 8px hsl(40 14% 28% / .06), 0 10px 26px hsl(40 14% 28% / .05);
}

/* ==========================================================
   Specjalistyczna Praktyka Lekarska — lek. Maria Kajdas
   Ciepły, elegancki minimalizm. Kolory: patrz sekcja palet.
   ========================================================== */

:root{
  --radius-s:12px;
  --radius:18px;
  --radius-l:28px;
  --radius-organic:58% 42% 47% 53% / 52% 48% 52% 48%;
  --maxw:1120px;
  --font:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-head:"Cormorant Garamond","Iowan Old Style",Georgia,"Times New Roman",serif;
  --ease:cubic-bezier(.25,.46,.45,.94);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:92px;}
body{
  margin:0;font-family:var(--font);font-size:17px;line-height:1.75;
  color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;
  transition:background-color .35s var(--ease), color .35s var(--ease);
}
img{max-width:100%;display:block;}
a{color:var(--brand-700);text-underline-offset:3px;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{margin:0 0 .55em;color:var(--text);}
h1,h2{font-family:var(--font-head);font-weight:600;line-height:1.15;letter-spacing:.002em;}
h1{font-size:clamp(2.3rem,5vw,3.6rem);}
h2{font-size:clamp(1.85rem,3.4vw,2.6rem);}
h3{font-size:1.08rem;font-weight:600;line-height:1.4;letter-spacing:.005em;}
h4{font-size:.95rem;font-weight:600;}
p{margin:0 0 1.1em;}
ul{margin:0 0 1.1em;padding-left:1.2em;}
li{margin-bottom:.45em;}

.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:26px;}
.container--narrow{max-width:860px;}
.section{padding:clamp(72px,9vw,128px) 0;}
.section--alt{background:var(--bg-alt);}
.section--soft{background:var(--surface-soft);}
.section__head{max-width:660px;margin-bottom:clamp(40px,5vw,60px);}
.section__head p{color:var(--text-soft);margin-bottom:0;}
.section__head--center{margin-inline:auto;text-align:center;}
.eyebrow{
  display:block;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:500;color:var(--text-muted);margin-bottom:1.1em;
}
.lead{font-size:1.13rem;color:var(--text-soft);}

.skip-link{position:absolute;left:-9999px;top:0;background:var(--brand-700);color:var(--on-brand);padding:12px 18px;border-radius:0 0 var(--radius-s) 0;z-index:300;}
.skip-link:focus{left:0;}
:focus-visible{outline:2.5px solid var(--brand-500);outline-offset:3px;border-radius:6px;}
::selection{background:var(--accent-soft);color:var(--text);}

/* ---------- Delikatne wejścia ---------- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease), transform .7s var(--ease);}
.reveal.is-in{opacity:1;transform:none;}
.reveal[data-delay="1"]{transition-delay:.1s;}
.reveal[data-delay="2"]{transition-delay:.2s;}
.reveal[data-delay="3"]{transition-delay:.3s;}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;}
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;}
}