/* Explorax spacing & radius system.
   The kit does not snap to a 4/8px grid — chunky, rounded, kid-friendly
   shapes with generous radii are the norm. Values below are the recurring
   numbers seen across containers/buttons in the Figma kit. */

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 11px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 26px;
  --space-7: 36px;

  --radius-sm: 15px;   /* small swatches, chips */
  --radius-md: 16px;   /* buttons */
  --radius-lg: 18px;   /* "Escribe aquí" input tiles */
  --radius-xl: 30px;   /* white rounded containers ("Contenedor blanco") */

  /* The kit's signature: flat fill + solid (0-blur) offset drop shadow,
     giving buttons/cards a chunky pressed-paper "3D" look. Always pair a
     fill color with its matching --*-shadow token, never a blurred shadow. */
  --shadow-offset-sm: 4px;
  --shadow-offset-md: 7px;
  --shadow-offset-lg: 8px;
}