/* Anatomedic elevation — soft, quiet shadows. Warm-tinted, low contrast. */
:root {
  --shadow-xs: 0 1px 2px rgba(17, 17, 17, 0.04);
  --shadow-sm: 0 2px 8px rgba(17, 17, 17, 0.05);
  --shadow-md: 0 8px 24px rgba(17, 17, 17, 0.06);
  --shadow-lg: 0 18px 48px rgba(17, 17, 17, 0.08);
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  --transition-fast: 140ms cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --transition-slow: 380ms cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
}