/* ============================================================
   Hexa Clima — Design tokens · V2
   Mesmo formato de assets/css/tokens.css. Nomes do V1 mantidos;
   novos tokens marcados com "V2".
   ============================================================ */
:root {
  /* --- Marca (extraídas do logo, confirmadas) --- */
  --hc-ceu:      #00B3F0; /* destaque, "CLIMA", links em fundo escuro */
  --hc-hexa:     #0096DA; /* cor principal */
  --hc-profundo: #007CC6; /* faces escuras, títulos de destaque, links em fundo claro, botão primário */
  --hc-grafite:  #626164; /* logo mono */
  --hc-aco:      #919397; /* logo mono */
  --hc-noite:    #06101B; /* fundo "sala de situação" */
  --hc-tinta:    #0B1B2B; /* texto principal */
  --hc-papel:    #F4F8FB; /* fundo claro alternado */

  --hc-gradiente: linear-gradient(135deg, #007CC6 0%, #0096DA 50%, #00B3F0 100%);

  /* --- Neutros oficiais (V2) --- */
  --hc-n900: #0B1B2B; /* Tinta */
  --hc-n800: #1C2B3B; /* Ardósia */
  --hc-n700: #3E4B5A; /* Chumbo — texto de apoio */
  --hc-n600: #626164; /* Grafite */
  --hc-n500: #919397; /* Aço */
  --hc-n400: #B4BAC2; /* Névoa — corpo em fundo escuro */
  --hc-n300: #D3D9E0; /* Bruma — bordas */
  --hc-n200: #E9EEF3; /* Gelo — divisores */
  --hc-n100: #F4F8FB; /* Papel */
  --hc-n0:   #FFFFFF;

  /* --- Superfícies escuras (V2) --- */
  --hc-noite-2: #0D1B2C; /* cards sobre Noite */
  --hc-noite-3: #132538; /* elementos elevados */
  --hc-linha-escura: rgba(255, 255, 255, 0.08);

  /* --- Régua de risco (mesma do mapa) --- */
  --risco-normal:     #19A974;
  --risco-atencao:    #F5B301;
  --risco-alto:       #F07C00;
  --risco-muito-alto: #D93A2B;

  /* --- Semânticos --- */
  --texto:           var(--hc-tinta);
  --texto-apoio:     var(--hc-n700);
  --texto-legenda:   var(--hc-n600);
  --texto-inverso:   #FFFFFF;
  --texto-inverso-2: var(--hc-n400);
  --link-claro:      var(--hc-profundo);
  --link-escuro:     var(--hc-ceu);
  --borda:           var(--hc-n300);
  --borda-sutil:     var(--hc-n200);
  --foco:            0 0 0 3px rgba(0, 150, 218, 0.35);
  --erro:            #C6362A; /* AA sobre Papel */

  /* --- Tipografia (V2: Montserrat única) --- */
  --fonte-titulo: 'Montserrat', system-ui, sans-serif;
  --fonte-texto:  'Montserrat', system-ui, sans-serif;
  --peso-titulo: 800;
  --peso-subtitulo: 700;
  --peso-texto: 400;
  --tracking-titulo: -0.02em;
  --tracking-eyebrow: 0.08em;
  --t-12: 12px; --t-14: 14px; --t-16: 16px; --t-18: 18px; --t-20: 20px;
  --t-25: 25px; --t-31: 31px; --t-39: 39px; --t-49: 49px; --t-61: 61px;
  --lh-titulo: 1.05; --lh-sub: 1.2; --lh-texto: 1.6;

  /* --- Espaçamento (grade de 8) --- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-14: 56px; --s-16: 64px; --s-20: 80px; --s-24: 96px; --s-28: 112px;
  --secao-desktop: var(--s-28); /* padding vertical das seções em 1440 */
  --secao-mobile:  var(--s-16);
  --container: 1200px;
  --gutter-desktop: 40px;
  --gutter-mobile: 20px;

  /* --- Raios --- */
  --r-6: 6px; --r-8: 8px; --r-12: 12px; --r-16: 16px; --r-20: 20px; --r-pill: 999px;

  /* --- Sombras (frias) --- */
  --sombra-1: 0 1px 3px rgba(11, 27, 43, 0.06);
  --sombra-2: 0 8px 24px rgba(11, 27, 43, 0.10);
  --sombra-3: 0 24px 48px rgba(11, 27, 43, 0.18);

  /* --- Movimento --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-1: 120ms; --dur-2: 200ms; --dur-3: 320ms;

  /* --- Estados de componentes (V2, do README do handoff) --- */
  --hc-profundo-hover: #0069A8;
  --erro-fundo: #FBE7E5;
  --erro-texto: #7A1F17;
  --sucesso: #19A974;
  --sucesso-fundo: #E3F5EC;
  --sucesso-texto: #0F5C3F;
  --contorno-escuro: rgba(255, 255, 255, 0.18);
  --linha-escura-2: rgba(255, 255, 255, 0.10);
  --header-h: 80px;
}