/* Globa — Radii, shadows, motion
 * Forms are soft and rounded (the logo has "terminaciones suaves").
 * "Pastillas" = fully-rounded color pills. "Papel" = paper-like containers.
 * Shadows are soft and warm-tinted, never harsh; the brand forbids heavy
 * drop-shadows on the logo itself.
 */
:root {
  /* Corner radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;    /* default card / paper */
  --radius-lg: 24px;    /* feature panels */
  --radius-xl: 32px;
  --radius-pill: 999px; /* pastillas, chips, buttons */

  /* Warm, soft elevation (tinted toward negro, low opacity) */
  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--globa-negro) 8%, transparent),
               0 1px 3px color-mix(in srgb, var(--globa-negro) 6%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, var(--globa-negro) 10%, transparent),
               0 2px 4px color-mix(in srgb, var(--globa-negro) 6%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, var(--globa-negro) 14%, transparent),
               0 4px 8px color-mix(in srgb, var(--globa-negro) 8%, transparent);
  /* Polaroid-style lift */
  --shadow-polaroid: 0 10px 24px color-mix(in srgb, var(--globa-negro) 18%, transparent);

  /* Motion — gentle, no bounce; travel = smooth movement */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);          /* @kind other */
  --dur-fast: 140ms;  /* @kind other */
  --dur-med: 240ms;   /* @kind other */
  --dur-slow: 420ms;  /* @kind other */
}