/* =====================================================================
   TALENTO CARACAS — TOKENS DE MARCA
   ---------------------------------------------------------------------
   Este es el ÚNICO lugar que tenés que tocar para cambiar la identidad
   visual de todo el sitio: colores, tipografías y espaciados.
   Cambiá un valor acá y se actualiza en TODAS las secciones.
   ===================================================================== */

:root {
  /* ---- Colores de marca (tu paleta) ---- */
  --navy:   #113B63;   /* Azul profundo - fondos oscuros, títulos */
  --blue:   #1D4E89;   /* Azul medio - acentos, enlaces */
  --orange: #EE8F1C;   /* Naranja - llamados a la acción, destacados */
  --white:  #FFFFFF;

  /* ---- Variantes derivadas (hover, estados) ---- */
  --navy-900: #0d2f50;
  --blue-700: #18416f;
  --orange-600: #d97d0c;
  --orange-soft: #fbe6c8;

  /* ---- Neutros (armónicos con el azul de marca) ---- */
  --bg:        #ffffff;  /* Fondo principal */
  --bg-alt:    #f4f7fb;  /* Fondo de secciones alternas */
  --bg-tint:   #eef3f9;  /* Tarjetas / superficies suaves */
  --text:      #14253a;  /* Texto principal */
  --text-muted:#5a6b7e;  /* Texto secundario */
  --border:    #e1e8f0;  /* Bordes y divisores */

  /* ---- Tipografía (Dirección B) ---- */
  --font-head: 'Space Grotesk', system-ui, sans-serif;  /* Títulos */
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;  /* Texto */

  /* Escala tipográfica fluida (se adapta al ancho de pantalla) */
  --fs-hero:  clamp(2.4rem, 5.2vw, 4.2rem);
  --fs-h2:    clamp(1.8rem, 3.4vw, 2.8rem);
  --fs-h3:    clamp(1.15rem, 1.6vw, 1.35rem);
  --fs-lead:  clamp(1.05rem, 1.6vw, 1.3rem);
  --fs-body:  1.0625rem;
  --fs-small: 0.9rem;

  /* ---- Espaciado y formas ---- */
  --space-section: clamp(4rem, 8vw, 7rem); /* alto vertical de secciones */
  --container: 1180px;                     /* ancho máximo del contenido */
  --radius:    14px;
  --radius-lg: 22px;
  --shadow:    0 10px 30px -12px rgba(17, 59, 99, 0.18);
  --shadow-lg: 0 24px 60px -20px rgba(17, 59, 99, 0.30);
  --ring:      0 0 0 4px rgba(29, 78, 137, 0.14);
}