/* Polderbyte — Radii, borders, shadows */
:root {
  /* Corner radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Border widths */
  --border-w: 1px;
  --border-w-thick: 2px;

  /* Elevation — soft, diffuse, cool-neutral. Cards float. */
  --shadow-sm: 0 1px 2px rgba(15,19,25,.06), 0 1px 3px rgba(15,19,25,.05);
  --shadow-md: 0 6px 16px -2px rgba(15,19,25,.08), 0 2px 6px -2px rgba(15,19,25,.06);
  --shadow-lg: 0 18px 40px -12px rgba(15,19,25,.16), 0 6px 14px -8px rgba(15,19,25,.10);
  --shadow-xl: 0 34px 70px -22px rgba(15,19,25,.22), 0 10px 24px -14px rgba(15,19,25,.12);
  --shadow-brand: 0 14px 30px -10px rgba(47,107,229,.50);
  --shadow-brand-sm: 0 6px 16px -6px rgba(47,107,229,.45);

  /* Focus ring */
  --ring: 0 0 0 3px var(--brand-ring);
}