/* Vitrola Falante — Radii, shadows, borders, motion
   Soft but not bubbly. Shadows are low, warm, diffuse — never harsh.
   Corners are gently rounded; cards favour a quiet hairline over heavy shadow. */
:root {
  /* Corner radii — soft, editorial */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* Borders */
  --border-hair: 1px;
  --border-thick: 1.5px;

  /* Shadows — warm-toned, low elevation. Built on the plum, not pure black. */
  --shadow-xs: 0 1px 2px rgba(44, 14, 40, 0.08);
  --shadow-sm: 0 2px 8px rgba(44, 14, 40, 0.10);
  --shadow-md: 0 10px 30px rgba(44, 14, 40, 0.14);
  --shadow-lg: 0 24px 60px rgba(44, 14, 40, 0.22);
  /* Glow used on sage CTAs over purple */
  --shadow-cta: 0 8px 24px rgba(167, 210, 174, 0.28);

  /* Motion — calm, never bouncy. Long, soft eases. */
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur: 280ms;      /* @kind other */
  --dur-slow: 520ms; /* @kind other */
}