/* Sensometriks — Radii, borders, elevation & motion tokens */
:root {
  /* Corner radii — dashboard tiles ~10px, chips/pills full */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-pill: 999px;

  /* Border widths */
  --border-hair:  1px;
  --border-thin:  1.5px;
  --border-thick: 2px;

  /* Elevation — soft, neutral, cool-grey shadows (no colored glow) */
  --shadow-xs: 0 1px 2px rgba(23,24,28,0.06);
  --shadow-sm: 0 1px 3px rgba(23,24,28,0.08), 0 1px 2px rgba(23,24,28,0.06);
  --shadow-md: 0 4px 12px rgba(23,24,28,0.10);
  --shadow-lg: 0 12px 32px rgba(23,24,28,0.14);
  --shadow-xl: 0 24px 60px rgba(23,24,28,0.18);
  --shadow-focus: 0 0 0 3px var(--focus-ring);
  --shadow-inset: inset 0 1px 2px rgba(23,24,28,0.06);

  /* Motion — quick, functional, no bounce */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);  /* @kind other */
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);  /* @kind other */
  --dur-fast:   120ms;  /* @kind other */
  --dur-base:   180ms;  /* @kind other */
  --dur-slow:   260ms;  /* @kind other */
}