/* ============================================
   GISS 2027 — VARIÁVEIS GLOBAIS
   ============================================ */

:root {
  /* ---------- CORES PRINCIPAIS ---------- */
  --giss-azul:            #0055A5;   /* Azul principal ICAO */
  --giss-azul-escuro:     #1E2F4C;   /* Azul escuro (Programme, cards escuros) */
  --giss-azul-claro:      #0055A5;   /* Hover / tabs */
  --giss-azul-medio:      #466EB2;   /* Gradiente Welcome Remarks */
  --giss-azul-footer-2:   #194080;   /* Fim do gradiente do footer */

  /* ---------- CORES DE FUNDO ---------- */
  --giss-branco:          #FFFFFF;
  --giss-cinza-claro:     #F9F9F9;   /* Fundo de cards */
  --giss-cinza-medio:     #F5F7FA;   /* Fundo alternativo */

  /* ---------- CORES DE TEXTO ---------- */
  --giss-texto:           #676767;   /* Texto principal */
  --giss-texto-sec:       #6B7280;   /* Texto secundário */
  --giss-texto-escuro:    #1A1A1A;   /* Títulos / texto escuro */
  --giss-texto-amarelo:   #FEE5CA;   /* Destaques em fundo escuro */

  /* ---------- GRADIENTES ---------- */
  --giss-grad-welcome:    linear-gradient(180deg, #1E2F4C 0%, #466EB2 100%);
  --giss-grad-footer:     linear-gradient(90deg, #0055A5 0%, #194080 100%);

  /* ---------- TIPOGRAFIA ---------- */
  --fonte-principal:      'Calibri', 'Carlito', 'Segoe UI', Tahoma, sans-serif;
  --fonte-corpo:          var(--fonte-principal);
  --fonte-titulo:         'Manrope', 'Calibri', 'Segoe UI', sans-serif;
  --peso-regular:         400;
  --peso-medium:          500;
  --peso-semibold:        600;
  --peso-bold:            700;

/* Tamanhos de fonte (base) */
--fs-h1:            52px;
--fs-h2:            40px;
--fs-h3:            28px;
--fs-h4:            22px;
--fs-body:          16px;      /* parágrafos principais */
--fs-body-sm:       16px;      /* parágrafos secundários */
--fs-small:         13px;      /* textos pequenos */
--fs-xs:            12px;      /* labels, tags, eyebrows */

  /* Line-heights */
  --lh-titulo:            1.2;
  --lh-subtitulo:         1.35;
  --lh-corpo:             1.65;

  /* Letter-spacing */
  --ls-titulo:            -0.01em;
  --ls-corpo:             0;

  /* ---------- ESPAÇAMENTOS ---------- */
  --espaco-xs:            8px;
  --espaco-sm:            16px;
  --espaco-md:            24px;
  --espaco-lg:            40px;
  --espaco-xl:            64px;
  --espaco-2xl:           80px;
  --espaco-3xl:           120px;

  /* ---------- LAYOUT ---------- */
  --largura-max:          1280px;
  --padding-lateral:      40px;

  /* ---------- BORDAS ---------- */
  --radius-sm:            4px;
  --radius-md:            8px;
  --radius-lg:            12px;
  --radius-xl:            16px;
  --radius-pill:          999px;

  /* ---------- SOMBRAS ---------- */
  --sombra-suave:         0 2px 8px rgba(0, 0, 0, 0.04);
  --sombra-media:         0 4px 16px rgba(0, 0, 0, 0.06);
  --sombra-forte:         0 8px 24px rgba(0, 85, 165, 0.12);

  /* ---------- TRANSIÇÕES ---------- */
  --transicao:            all 0.25s ease;
  --transicao-lenta:      all 0.4s ease;

  /* ---------- BREAKPOINTS (referência) ---------- */
  /* Desktop:     1440px+  */
  /* Desktop sm:  1024px+  */
  /* Tablet:      768px+   */
  /* Mobile:      480px+   */
}

/* ---------- AJUSTES PARA MOBILE ---------- */
@media (max-width: 768px) {
  :root {
    --fs-h1:            36px;
--fs-h2:            28px;
--fs-h3:            22px;
--fs-h4:            18px;
--fs-body:          16px;
--fs-body-sm:       16px;
--fs-small:         12px;
--fs-xs:            11px;
  }
}