/* Frameflow · Sistema de diseño (sec. 12.6 del levantamiento de requerimientos) */
:root {
  /* Colores del documento */
  --blue: #1D5FD1;          /* Azul/Principal: botones, selección, progreso */
  --blue-dark: #0F3E96;     /* Azul/Oscuro: estados presionados */
  --blue-light: #E8F0FE;    /* Azul/Claro: tarjetas y fondos destacados */
  --text: #111827;          /* Texto/Principal */
  --text-2: #6B7280;        /* Texto/Secundario (sobre superficies blancas) */
  --border: #D1D5DB;
  --bg: #F3F4F6;            /* Fondo */
  --wa: #16A34A;            /* WhatsApp (marca): iconos y acentos */
  --ok: #DCFCE7;            /* Éxito */

  /* Ajustes por accesibilidad (RNF-04, contraste WCAG 2.1 AA 4,5:1) */
  --text-2-bg: #4B5563;     /* Texto secundario cuando va directo sobre --bg */
  --wa-btn: #15803D;        /* Fondo del botón de WhatsApp: texto blanco 5:1 */
  --wa-btn-dark: #166534;
  --ok-text: #14532D;
  --error: #B91C1C;
  --error-bg: #FEE2E2;
  --star: #92400E;
  --white: #FFFFFF;

  /* Tipografía (Inter) */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-title: 24px;   /* Título · Bold */
  --fs-sub: 18px;     /* Subtítulo · Semi Bold */
  --fs-body: 16px;    /* Cuerpo · Regular */
  --fs-label: 14px;   /* Etiqueta · Medium */

  /* Forma */
  --radius: 12px;
  --radius-lg: 16px;
  --shadow: 0 1px 2px rgba(17, 24, 39, .06), 0 4px 16px rgba(17, 24, 39, .06);
  --shadow-lg: 0 8px 32px rgba(17, 24, 39, .18);

  /* Layout */
  --nav-h: 64px;
  --header-h: 56px;
  --tap: 48px;        /* RNF-02: botones de al menos 48 px de alto */
}

@media (min-width: 900px) {
  :root { --nav-h: 0px; --header-h: 64px; }
}

/* Modo prueba PMV y pasos de registro: sin menú inferior */
body.pmv, body.focus { --nav-h: 0px; --header-h: 0px; }   /* sin barra superior ni menú inferior */