:root {
  --radius-pill: 999px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-xl: 28px;

  --shadow-card: 0 1px 2px rgba(10,10,10,0.04), 0 8px 24px rgba(10,10,10,0.06);
  --shadow-raised: 0 12px 40px rgba(10,10,10,0.12);
  --shadow-none: none;

  --border-w: 1px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur: 240ms;
  --dur-slow: 520ms;

  --img-tint: saturate(0.92) contrast(1.02);
}