/* ============================================================
   Qualios · Elevation — radii, borders, shadows
   Restrained, institutional. Shadows are soft and low-spread;
   the system leans on hairline borders more than heavy elevation.
   ============================================================ */

:root {
  /* ---- Corner radii --------------------------------------- */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   8px;    /* default control / button / input */
  --radius-lg:   12px;   /* card */
  --radius-xl:   16px;   /* large panel */
  --radius-2xl:  24px;   /* modal / hero */
  --radius-pill: 999px;

  /* ---- Border widths -------------------------------------- */
  --border-hairline: 1px;
  --border-thick:    1.5px;

  /* ---- Shadows (neutral ink ramp, no color) --------------- */
  --shadow-xs:  0 1px 1px rgba(33, 43, 54, 0.04);
  --shadow-sm:  0 1px 2px rgba(33, 43, 54, 0.06), 0 1px 3px rgba(33, 43, 54, 0.04);
  --shadow-md:  0 2px 5px rgba(33, 43, 54, 0.06), 0 6px 16px rgba(33, 43, 54, 0.06);
  --shadow-lg:  0 8px 20px rgba(33, 43, 54, 0.10), 0 2px 6px rgba(33, 43, 54, 0.06);
  --shadow-xl:  0 20px 48px rgba(33, 43, 54, 0.16), 0 4px 12px rgba(33, 43, 54, 0.08);

  /* Inset for pressed / sunken fields */
  --shadow-inset: inset 0 1px 2px rgba(33, 43, 54, 0.06);

  --shadow-card: var(--shadow-sm);

  /* ---- Motion — ZentraTek easing -------------------------- */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);  /* @kind other */
  --ease-out:      cubic-bezier(0.22, 1, 0.36, 1);  /* @kind other */
  --duration-fast: 120ms;   /* @kind other */
  --duration-base: 200ms;   /* @kind other */
  --duration-slow: 320ms;   /* @kind other */
}