/* ============================================================
   ios-tokens.css — Design tokens del rediseño iOS-like
   Fundamento compartido: toda pantalla migrada consume estas
   variables. No hardcodear estos valores en otros archivos.
   ============================================================ */
:root {
  /* Color — paleta semántica iOS (light) */
  --ios-bg-grouped: #F2F2F7;
  --ios-bg-card: #FFFFFF;
  --ios-blue: #007AFF;
  --ios-blue-press: #0062CC;
  --ios-label: #1C1C1E;
  --ios-label-2: rgba(60, 60, 67, 0.6);
  --ios-label-3: rgba(60, 60, 67, 0.33);
  --ios-fill-field: rgba(118, 118, 128, 0.12);
  --ios-hairline: rgba(60, 60, 67, 0.12);
  --ios-green: #34C759;
  --ios-orange: #FF9500;

  /* Forma */
  --ios-radius-card: 20px;
  --ios-radius-control: 12px;

  /* Profundidad */
  --ios-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.06);

  /* Tipografía — stack del sistema (SF Pro en Apple, Segoe UI en Windows) */
  --ios-font: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;

  /* Movimiento — física iOS compartida */
  --ios-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ios-duration-fast: 200ms;
  --ios-duration: 250ms;
}