/* ============================================================
   Stella Rescue & Sanctuary — Effects: radii, shadows, borders,
   motion. Soft, warm, gentle — a rescue's caring tone.
   ============================================================ */
:root {
  /* --- Corner radii : generous & soft --- */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  14px;   /* default card / input */
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-2xl: 40px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* --- Borders --- */
  --border-width: 1px; /* @kind other */
  --border-width-thick: 1.5px; /* @kind other */

  /* --- Shadows : warm-tinted, low & diffuse (never harsh black) --- */
  --shadow-xs:  0 1px 2px rgba(33, 46, 62, 0.06);
  --shadow-sm:  0 2px 8px rgba(33, 46, 62, 0.07);
  --shadow-md:  0 6px 20px rgba(33, 46, 62, 0.09);
  --shadow-lg:  0 14px 40px rgba(33, 46, 62, 0.12);
  --shadow-xl:  0 24px 64px rgba(33, 46, 62, 0.16);
  --shadow-mauve: 0 10px 30px rgba(148, 101, 115, 0.22);
  --shadow-inset: inset 0 1px 2px rgba(33, 46, 62, 0.06);

  /* --- Focus ring --- */
  --ring-width: 3px; /* @kind other */
  --ring-color: rgba(166, 120, 133, 0.45);

  /* --- Motion : soft, welcoming, never bouncy-loud --- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-gentle:   cubic-bezier(0.33, 0.7, 0.35, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}