/* The Continental Collective — Shadows, motion, effects.
   Shadows are soft and low-contrast; motion is calm and unhurried. */
:root {
  /* ---- Shadows ---- */
  --shadow-xs: 0 1px 3px rgba(34, 46, 46, 0.06);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.10);   /* swatches, cards */
  --shadow-lg: 0 12px 40px rgba(34, 46, 46, 0.14);
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  /* ---- Motion — editorial calm, gentle ease ---- */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
  --dur-slow: 400ms; /* @kind other */

  /* ---- Overlay / blur ---- */
  --overlay-scrim: rgba(26, 36, 36, 0.55);
  --blur-panel: blur(12px); /* @kind other */
}