/* ============================================================
   Wykończenie — Radii, shadows, motion, layering
   Promienie subtelne; pełny pill rezerwujemy dla przycisków i etykiet.
   Cienie miękkie, niskokontrastowe — premium spokój, nie dramatyzm.
   ============================================================ */

:root {
  /* ---------- Corner radii ---------- */
  --radius-sm:    8px;
  --radius-md:    16px;
  --radius-lg:    24px;
  --radius-card:  var(--radius-md);
  --radius-pill:  999px;   /* przyciski, etykiety, pełna kapsuła */
  --radius-input: 12px;

  /* ---------- Shadows — miękkie, chłodno-granatowe ---------- */
  --shadow-xs:   0 1px 2px rgba(58, 61, 82, 0.05);
  --shadow-sm:   0 2px 8px rgba(58, 61, 82, 0.06);
  --shadow-md:   0 8px 24px rgba(58, 61, 82, 0.08);
  --shadow-lg:   0 18px 48px rgba(58, 61, 82, 0.10);
  --shadow-cta:  0 8px 20px rgba(0, 74, 173, 0.22);   /* kobaltowy glow pod CTA */
  --shadow-premium: 0 10px 30px rgba(200, 185, 154, 0.28);

  /* ---------- Focus ring ---------- */
  --ring-kobalt: 0 0 0 3px rgba(0, 74, 173, 0.22);
  --ring-offset: 0 0 0 2px var(--bialy), 0 0 0 5px rgba(0, 74, 173, 0.28);

  /* ---------- Motion — spokojne, bez odbić ---------- */
  --ease-calm:   cubic-bezier(0.22, 0.61, 0.36, 1);   /* @kind other */ /* główny — łagodne wyjście */
  --ease-inout:  cubic-bezier(0.45, 0, 0.2, 1);        /* @kind other */
  --dur-fast:    140ms;   /* @kind other */
  --dur-base:    240ms;   /* @kind other */
  --dur-slow:    420ms;   /* @kind other */ /* wejścia sekcji, fade-in treści */

  /* ---------- Z-index ---------- */
  --z-base:    0;      /* @kind other */
  --z-card:    1;      /* @kind other */
  --z-sticky:  100;    /* @kind other */
  --z-overlay: 1000;   /* @kind other */
  --z-modal:   1100;   /* @kind other */
  --z-toast:   1200;   /* @kind other */
}