/* Variables globales del tema */
:root {
  /* Tamaños de fuente BASE (escritorio) */
  /* 42px */
--jobsite-font-size-h1: 2.625rem;

/* 40px */
--jobsite-font-size-h2: 2.5rem;

/* 28px */
--jobsite-font-size-h3: 1.75rem;

/* 22px */
--jobsite-font-size-h4: 1.375rem;

/* 20px */
--jobsite-font-size-h5: 1.25rem;

/* 16px */
--jobsite-font-size-h6: 1rem;

/* 14px */
--jobsite-font-size-subtitle: 0.875rem;

/* 12px */
--jobsite-font-size-p: 0.75rem;

/* 10px */
--jobsite-font-size-caption1: 0.625rem;

/* 18px */
--jobsite-font-size-caption2: 1.125rem;

/* 10px */
--jobsite-font-size-caption3: 0.625rem;

/* 24px */
--jobsite-font-size-caption4: 1.5rem;

/* 34px */
--jobsite-font-size-caption5: 2.125rem;

/* 26px */
--jobsite-font-size-caption6: 1.625rem;


/* Mobile Font Sizes */

/* 42px */
--jobsite-font-size-h1: 2.625rem;

/* 40px */
--jobsite-font-size-h2: 2.5rem;

/* 28px */
--jobsite-font-size-h3: 1.75rem;

/* 23px */
--jobsite-font-size-h4: 1.4375rem;

/* 20px */
--jobsite-font-size-h5: 1.25rem;

/* 18px */
--jobsite-font-size-h6: 1.125rem;

/* 14px */
--jobsite-font-size-subtitle: 0.875rem;

/* 12px */
--jobsite-font-size-p: 0.75rem;

/* 10px */
--jobsite-font-size-caption1: 0.625rem;

/* 10px */
--jobsite-font-size-caption2: 0.625rem;

  /* Pesos de fuente */
  --jobsite-font-weight-bold: 700;
  --jobsite-font-weight-semibold: 600;
  --jobsite-font-weight-regular: 400;
  --jobsite-font-weight-light: 300;



  /*tabla de colores actualizada*/
 
  /* ----------------------------------
     Colores Primarios
  ---------------------------------- */
  --color-primary-azul-oscuro: #0E1D37;
  --color-primary-azul-vibrante: #2C42D0;
  --color-primary-vino: #981E32;
  --color-primary-rojo-vibrante: #DE2012;
  --color-azul-intermedio: #0065BD;

  /* colores no definidos en figma*/
  --color-primary-azul-pastel: #A0C4FF;
 --color-primary-gris-sugerencia: #888888;
 --interfaz-blanco: #ffffff;
 --interfaz-celeste-claro: #EFF8FF;
 --interfaz-gris-ultraligero: #F2F2F2;
--color-primary-azul-profundo: #293986;
/* color creador navtap*/
--interfaz-gris-claro-hover: #E7E7E7;
  /*colores para barra de progreso*/
  --interfaz-gris-ultra-claro: #e9ecef;
--color-alerta-rojo: #DE2012;
--color-exito-verde: #75AC04;
/*color para certificacion*/
--interfaz-gris-profundo: #262626;
/* color de datos generales*/
--interfaz-amarillo-claro-suave: #FEFDE8;
/* colores para datos persona*/
--interfaz-gris-ultraligero-2: #f0f0f0;          
--interfaz-gris-placeholder: #999999;            
--interfaz-gris-texto-claro: #A0A0A0;   


/* ----------------------------------
     Adicionales para este flujo
  ---------------------------------- */
--color-amarillo-brillante: #F6D219;
--color-azul-vivo-2: #0065BD;
--color-azul-profundo-2: #003366;
--color-azul-medio-suave: #1d3557;

--color-carousel-inactive: #B0B0B0;
--color-azul-profundo-3: #002B49;
--color-negro: #000000;

--overlay-blue-transparent: #15327D66;
--box-shadow-card: rgba(0, 0, 0, 0.1);

--padding-principal-horizontal: 88px;
--padding-principal-responsive: 20px;
--gap-general-responsive: 10px;

--color-primary-enlace: #0066cc;
  --color-primary-enlace-hover: #004499;


/* ----------------------------------
     footer
  ---------------------------------- */

--color-boton-registro: #e63e31;
--color-boton-registro-hover: #f04c3f;
--color-azul-hover-empresa: #0078d4;



/* ----------------------------------
     Colores Wizard
  ---------------------------------- */
  --color-wizard-amarillo: #E6B90C;
  --color-wizard-verde: #009951;

  /* ----------------------------------
     Colores tarjetas
  ---------------------------------- */
  --color-soft-skills-bg: #E3FE98;
  --color-certified-languages-bg: #FFC9C5;
  --color-language-item-bg: #FFE2E0;
  --color-desired-technical-knowledge: #D1D1D1;

  /* ----------------------------------
     Colores Secundarios
  ---------------------------------- */
  --color-secondary-azul-intenso: #1A356C;
  --color-secondary-azul-medio: #005B9C;
  --color-secondary-rojo-oscuro: #7F000F;
  --color-secondary-rojo-claro: #D52B1E;
  --color-secundary-azul-claro: rgba(25, 103, 220, 0.17);

  /* ----------------------------------
     Colores Interfaz
  ---------------------------------- */
  --interfaz-azul-oscuro: #0E1D37;
  --interfaz-gris-oscuro: #8D8D8D;
  --interfaz-gris-medio: #B5B5B5;
 --interfaz-gris-claro:  #D0D0D0;
  --interfaz-gris-muy-claro: #F1F3F4;
  --interfaz-azul-vibrante: #2C42D0;
  --interfaz-azul-claro: #D1E7F9;
  --interfaz-amarillo: #FFE07A;
  --interfaz-amarillo-pálido: #FFF6DA;
  --interfaz-verde: #00DC5C;

  /* ----------------------------------
     Colores Gráficas
  ---------------------------------- */
  --grafica-azul-suave-1: #78B6FF;
  --grafica-rojo-suave-1: #FF8F82;
  --grafica-salmon: #D77F80;
  --grafica-amarillo-1: #FFE07A;
  --grafica-verde-1: #84D784;

  --grafica-azul-medio-1: #3C7AFF;
  --grafica-rojo-medio: #D52B1E;
  --grafica-rosado-suave: #EB9394;
  --grafica-amarillo-suave: #FFF16C;
  --grafica-verde-medio: #98EB98;

  --grafica-azul-oscuro-1: #0040F8;
  --grafica-naranja-suave: #FFADA0;
  --grafica-rosado-claro: #FFA7A8;
  --grafica-amarillo-claro: #FFFFA2;
  --grafica-verde-claro-1: #A2F5A2;

  --grafica-azul-brillante: #96D4FF;
  --grafica-rojo-oscuro-1: #FD5346;
  --grafica-rosado-claro-2: #FFD1CD;
  --grafica-amarillo-pálido: #FFF6DA;
  --grafica-lila-claro: #B6F6B6;

  --grafica-azul-oscuro-2: #6962BD;
  --grafica-lila-oscuro: #D77AD6;
  --grafica-verde-oscuro: #3FB9B9;
  --grafica-verde-agua: #53CDCD;
  --grafica-azul-suave-2: #D780DB;

  --grafica-lila-claro-2: #E8EEEA;
  --grafica-celeste-pastel: #FF42FE;
  --grafica-celeste-suave: #67E1E1;
  --grafica-morado-suave: #918AFF;

  --grafica-rosado-pastel: #FF86FF;
  --grafica-blanco-hueso: #FFFCFE;
  --grafica-azul-cielo: #7BF5F5;
  --grafica-azul-claro-2: #8BFFFF;
   --grafica-celeste-claro: #CCDAFF;
}