/**
 * Tokens del área de contenido (artículos / módulo HTML) — Cuba Travel.
 * Alineado con el skin: marca #2a669a, acento #e82a18, tipografía Inter.
 * No afecta header, sidebars ni menús; solo bloques que usen .ct-prose.
 */
:root {
  /* Marca (skin) */
  --ct-brand: #2a669a;
  --ct-brand-hover: #234f78;
  --ct-accent: #e82a18;
  /* Texto editorial */
  --ct-ink: #0f172a;
  --ct-ink-muted: #475569;
  --ct-ink-faint: #64748b;
  /* Fondo / superficies */
  --ct-canvas: #f8fafc;
  --ct-surface: #ffffff;
  --ct-line: #e2e8f0;
  /* Tipografía: Inter ya carga en skin.css */
  --ct-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  /* Serif solo para título; Georgia está en todos los clientes; sin carga extra */
  --ct-serif: Georgia, "Times New Roman", serif;
  /* Columna de lectura (se centra en el ancho; ~680px como guías de ayuda oficiales) */
  --ct-prose-width: 44rem;
  --ct-prose-pad: clamp(1.1rem, 3vw, 2.5rem);
  /* Portal / institucional: sin cromo de “post”; bordes rectos, sin sombra de caja */
  --ct-radius: 0;
  --ct-radius-sm: 0;
  --ct-shadow: none;
  --ct-shadow-sm: none;
  /* Escala (fluida, legible) */
  --ct-text: clamp(0.95rem, 0.2vw + 0.9rem, 1.05rem);
  --ct-text-lg: clamp(1.05rem, 0.35vw + 0.95rem, 1.2rem);
  --ct-leading: 1.65;
  --ct-heading-tracking: -0.02em;
  --ct-section-y: clamp(1.5rem, 3vw, 2.5rem);
  /* Ancho máximo del bloque Inner: columna de texto + menú; centrado en viewport anchos (no se separan a los bordes) */
  --ct-inner-container-max: 75rem; /* 1200px; sube/baja (p. ej. 80rem) si hace falta */
}

/* Prosa: ritmo ligeramente más ajustado en pantallas estrechas */
@media (max-width: 575.98px) {
  :root {
    --ct-prose-pad: clamp(0.9rem, 3.2vw, 1.1rem);
    --ct-prose-width: 100%;
    --ct-leading: 1.6;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  :root {
    --ct-prose-width: min(40rem, 100% - 1.5rem);
  }
}