/* Tokens de diseño de los portales (§6 del diseño). Claro y sobrio; contraste AA en todo el texto. */
:root {
  --fondo: #f5f7fa;
  --superficie: #ffffff;
  --texto: #111827;
  --texto-secundario: #4b5563;
  --borde: #e5e7eb;
  --borde-control: #9ca3af; /* borde de los campos: contraste 3:1 con el blanco (componentes no textuales) */
  --acento: #2563eb;
  --acento-hover: #1d4ed8;
  --acento-suave: #eff6ff;
  --exito: #15803d;
  --exito-suave: #f0fdf4;
  --aviso: #b45309;
  --aviso-suave: #fffbeb;
  --error: #b91c1c;
  --error-suave: #fef2f2;

  --radio: 10px;
  --radio-control: 6px;
  --sombra: 0 2px 12px rgba(0, 0, 0, .08);

  --fuente: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --texto-base: 1rem;      /* 16 px: los campos nunca bajan de aquí (evita el zoom de iOS) */
  --texto-pequeno: .875rem;
  --texto-grande: 1.25rem;

  --tactil: 44px;          /* zona táctil mínima */
  --espacio: 1rem;
  --ancho-lateral: 248px;
  --alto-inferior: 60px;
  --ancho-contenido: 1200px;

  --seguro-arriba: env(safe-area-inset-top, 0px);
  --seguro-abajo: env(safe-area-inset-bottom, 0px);
  --seguro-izquierda: env(safe-area-inset-left, 0px);
  --seguro-derecha: env(safe-area-inset-right, 0px);
}