/*
 * Tokens PROVISIONALES para revisión visual de Bautizos (S-009).
 * Referencia: docs/identidad/sistema-identidad.md §2–§3. Las muestras C-01–C-07 son colores observados,
 * no paleta oficial (AP-02 pendiente). Manrope + Barlow Condensed son la dirección propuesta S-007 (AP-03 pendiente).
 * Los neutros y colores semánticos de interfaz son complemento digital provisional, separados de la marca.
 * Detalle y contrastes: apps/bautizos/frontend/README.md#identidad-provisional.
 */
@font-face {
  font-family: 'Manrope';
  src: url('../assets/fuentes/Manrope-wght.ttf') format('truetype');
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('../assets/fuentes/BarlowCondensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('../assets/fuentes/BarlowCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

:root {
  /* Muestras observadas de marca (sistema-identidad.md §2) — no oficiales */
  --muestra-c01-amarillo: #FBC407;
  --muestra-c02-naranja: #E57919;
  --muestra-c03-rojo: #C52B18;
  --muestra-c04-crema: #F8E5C5;
  --muestra-c05-fondo: #EFEAE8;
  --muestra-c07-negro: #000000;
  --muestra-c07-blanco: #FFFFFF;

  /* Neutros de interfaz provisionales (contraste sobre blanco: texto 17.85:1, suave 7.92:1, borde 3.72:1) */
  --ui-texto: #1A1714;
  --ui-texto-suave: #57504A;
  --ui-borde: #8C837C;
  --ui-borde-suave: #E2DAD3;
  --ui-pendiente: #E4DDD7;

  /* Roles semánticos provisionales */
  --color-fondo: var(--muestra-c05-fondo);
  --color-superficie: var(--muestra-c07-blanco);
  --color-acento-suave: var(--muestra-c04-crema);
  --color-accion: var(--muestra-c07-negro);
  --color-accion-texto: var(--muestra-c07-blanco);
  --color-progreso-actual: var(--muestra-c02-naranja); /* decorativo: el progreso se comunica con texto */
  --color-demo: var(--muestra-c01-amarillo);
  --color-foco: var(--muestra-c07-negro);
  --color-error: #B42318;          /* semántico de UI, distinto de la muestra C-03 por decisión IDV-008 */
  --color-error-fondo: #FDF1EF;
  --color-advertencia-borde: var(--muestra-c02-naranja);
  --color-advertencia-fondo: #FFF7E6;
  --color-exito: #1E6B45;
  --color-exito-fondo: #EAF5EE;

  /* Tipografía propuesta (AP-03 pendiente) */
  --fuente-lectura: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fuente-titulos: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
  --texto-base: 1rem;
  --interlineado: 1.5;

  /* Espaciado y forma */
  --espacio-1: 0.25rem;
  --espacio-2: 0.5rem;
  --espacio-3: 0.75rem;
  --espacio-4: 1rem;
  --espacio-5: 1.5rem;
  --espacio-6: 2rem;
  --espacio-7: 3rem;
  --radio-control: 12px;
  --radio-tarjeta: 20px;
  --ancho-contenido: 40rem;
  --altura-control: 3.25rem;
  --sombra-tarjeta: 0 1px 2px rgb(26 23 20 / 6%), 0 8px 24px rgb(26 23 20 / 6%);
  --transicion: 160ms ease-out;
}