/* Северсталь — Radius & shadow tokens
   The brand rounds everything softly: pill controls, ~20-24px cards, big bands.
   Shadows are subtle, cool-tinted and diffuse — never harsh. */
:root {
  /* Radii */
  --r-xs:    8px;
  --r-sm:    12px;
  --r-md:    16px;
  --r-lg:    20px;  /* cards */
  --r-xl:    24px;  /* large bands / CTA panels */
  --r-2xl:   32px;
  --r-pill:  999px; /* buttons, chips, search */

  /* Shadows (cool navy-tinted) */
  --shadow-xs:   0 1px 2px rgba(15, 35, 64, 0.06);
  --shadow-sm:   0 4px 12px rgba(15, 35, 64, 0.06);
  --shadow-md:   0 10px 28px rgba(15, 35, 64, 0.08);
  --shadow-lg:   0 24px 60px rgba(15, 35, 64, 0.12);
  --shadow-card: 0 8px 24px rgba(15, 35, 64, 0.07);

  /* Motion */
  --ease-out:  cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:  0.15s; /* @kind other */
  --dur-base:  0.25s; /* @kind other */
  --dur-slow:  0.45s; /* @kind other */
}