/* =========================================================
   CCCVYPAR — IDENTIDAD VISUAL CENTRALIZADA
   Modifica aquí colores, tipografías, tamaños y medidas.
   El resto del sitio consume estas variables.
   ========================================================= */
:root {
  /* Marca */
  --color-azul-900: #082653;
  --color-azul-800: #082f6b;
  --color-azul-700: #0750a0;
  --color-azul-600: #0756a6;
  --color-azul-500: #087bc7;
  --color-amarillo-500: #f2b400;
  --color-amarillo-400: #ffc928;

  /* Neutros */
  --color-texto: #14243b;
  --color-texto-secundario: #64748b;
  --color-fondo: #ffffff;
  --color-fondo-suave: #f4f7fb;
  --color-borde: #dce5ef;
  --color-blanco: #ffffff;

  /* Tipografías */
  --fuente-principal: "Inter", "Segoe UI", Arial, sans-serif;
  --fuente-titulos: "Inter", "Segoe UI", Arial, sans-serif;

  /* Tamaños tipográficos */
  --texto-xs: 0.75rem;
  --texto-sm: 0.875rem;
  --texto-base: 1rem;
  --texto-lg: 1.125rem;
  --titulo-sm: 1.5rem;
  --titulo-md: clamp(2rem, 4vw, 2.9rem);
  --titulo-xl: clamp(2.5rem, 5vw, 4.1rem);

  /* Anchos y espaciados */
  --ancho-contenido: 1180px;
  --ancho-texto: 720px;
  --espacio-seccion: clamp(4rem, 8vw, 6.5rem);
  --radio-sm: 5px;
  --radio-md: 9px;
  --radio-lg: 14px;

  /* Sombras */
  --sombra-suave: 0 12px 32px rgba(8, 47, 107, 0.09);
}