/* ============================================================
   Campos Salles — Radius, shadow & motion
   ============================================================ */
:root {
  /* --- Corner radius --- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* --- Shadows: soft, cool blue-gray --- */
  --shadow-xs: 0 1px 2px rgba(12,26,62,0.06);
  --shadow-sm: 0 2px 8px rgba(27,27,87,0.07);
  --shadow-md: 0 8px 24px rgba(27,27,87,0.10);
  --shadow-lg: 0 16px 40px rgba(27,27,87,0.12);
  --shadow-xl: 0 28px 64px rgba(27,27,87,0.16);
  --shadow-primary: 0 12px 28px rgba(48,48,144,0.32);
  --shadow-accent:  0 12px 28px rgba(198,154,59,0.34);

  /* --- Motion --- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:   140ms;
  --dur-base:   220ms;
  --dur-slow:   380ms;
}