/* Pressent — Shape: radii & shadows */
/* Bordes redondeados suaves, sombras sutiles, nada estridente. */

:root {
  --radius-sm: 8px;
  --radius: 12px;       /* default — botones, inputs */
  --radius-lg: 20px;    /* cards, módulos */
  --radius-xl: 28px;    /* hero media, paneles grandes */
  --radius-pill: 999px; /* badges, chips, avatars */

  /* Sombras — muy sutiles, cálidas, nunca duras */
  --shadow-xs: 0 1px 2px rgba(29, 47, 52, 0.05);
  --shadow-sm: 0 2px 8px rgba(29, 47, 52, 0.06);
  --shadow-md: 0 8px 24px rgba(29, 47, 52, 0.08);
  --shadow-lg: 0 18px 48px rgba(29, 47, 52, 0.10);

  /* Borde fino default */
  --border-width: 1px;
}