/* Espaciado, radios, bordes, sombras y movimiento.
   Escala de 4 con dos medidas fijas heredadas de la app: 44px de altura
   mínima táctil (HIG de Apple, se anota de pie con una mano) y 36px para
   los controles compactos de la franja del marcador. */
:root {
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-10: 22px;
  --space-12: 32px;

  --hit-target: 44px;
  --hit-target-compact: 36px;

  /* Esquinas cuadradas: tarjetas, fichas y campos son dibujos de línea,
     no bloques redondeados. Solo el botón suelto conserva un radio mínimo
     de 3px, y las píldoras de estado su cápsula. */
  --radius-sm: 3px;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 999px;

  /* Marcas de registro "+" en las esquinas de cada objeto enmarcado. */
  --corner-size: 7px;
  --corner-ink: var(--border-hairline);

  --border-width: 1px;
  --border-width-strong: 2px;

  /* Sobre papel claro las sombras son casi inexistentes: la jerarquía la
     dan el borde y el color de superficie. Solo el modal se eleva. */
  --shadow-sm: 0 1px 2px rgba(23, 32, 26, 0.08);
  --shadow-md: 0 4px 14px rgba(23, 32, 26, 0.12);
  --shadow-lg: 0 18px 40px rgba(23, 32, 26, 0.22);
  --scrim: rgba(23, 32, 26, 0.45);

  --duration-fast: 90ms;
  --duration-base: 160ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --press-scale: 0.97;
}