/* =========================================================================
   COVIVO · TOKENS  →  Elementor V4 · Variables globales
   Cada variable de este archivo se crea 1:1 con elementor/manage-global-variable.
   El comentario de cada bloque indica el tipo de variable en Elementor.
   El nombre (sin "--") es la etiqueta de la variable en el kit.
   ========================================================================= */
:root {
  /* @type global-color-variable */
  --cv-red: #DB2C4D;          /* rojo de marca (logo) */
  --cv-red-deep: #B3163A;     /* hover / presión */
  --cv-red-soft: #FF7A93;     /* rojo legible sobre fondos oscuros */
  --cv-ink: #1D1D1B;          /* negro de marca (logo) */
  --cv-ink-2: #2B2926;        /* superficies sobre tinta */
  --cv-white: #FFFFFF;        /* fondo principal: blanco puro */
  --cv-muted: #62625D;        /* texto secundario */
  --cv-line: rgba(29, 29, 27, 0.14);
  --cv-line-light: rgba(255, 255, 255, 0.18);
  --cv-white-72: rgba(255, 255, 255, 0.72);

  /* @type global-font-variable  (en Elementor: SOLO el nombre de la familia de Google Fonts) */
  --cv-font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --cv-font-serif: "Instrument Serif", Georgia, serif;
  --cv-font-body: "Hanken Grotesk", system-ui, sans-serif;

  /* @type global-custom-size-variable  (tipografía fluida 375px → 1440px) */
  --cv-fs-display: clamp(2.75rem, 1.35rem + 6vw, 7rem);
  --cv-fs-h2: clamp(2.125rem, 1.45rem + 2.9vw, 4.25rem);
  --cv-fs-h2s: clamp(1.75rem, 1.2rem + 2.1vw, 3.125rem);
  --cv-fs-h3: clamp(1.5rem, 1.15rem + 1.45vw, 2.375rem);
  --cv-fs-h4: clamp(1.125rem, 1rem + 0.55vw, 1.5rem);
  --cv-fs-lead: clamp(1.0625rem, 0.98rem + 0.4vw, 1.3125rem);
  --cv-fs-body: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);
  --cv-fs-quote: clamp(1.5rem, 1.1rem + 1.5vw, 2.375rem);
  --cv-fs-num: clamp(4.5rem, 2.4rem + 8vw, 10rem);
  --cv-sp-section: clamp(5rem, 3.2rem + 6vw, 9.5rem);
  --cv-gutter: clamp(1.25rem, 0.6rem + 2.6vw, 3rem);
  --cv-dome: clamp(140px, 24vw, 420px);
  --cv-wrap: calc(var(--cv-container) + (2 * var(--cv-gutter)));  /* ancho total = 1700 de contenido + márgenes */

  /* @type global-size-variable */
  --cv-fs-small: 0.875rem;
  --cv-fs-eyebrow: 0.8125rem;
  --cv-container: 1700px;     /* ancho útil del grid de contenido: SIEMPRE 1700 */
  --cv-radius-sm: 14px;
  --cv-radius-lg: 28px;
  --cv-radius-xl: 44px;
}