/* climb.css — identidade Climb (linha híbrida do manual de marca, 13/10/2026): azul #17629E,
   Montserrat, tons do site climbgroup.com.br. Mesmos valores do comum.css da dinamica_takt.
   As 5 páginas do hub carregam este arquivo; os nomes dos tokens são os que elas já usavam,
   então mexer na cor é aqui, e não no <style> de cada página. */
:root{
  color-scheme:light;
  --bg:#F3F6F9;--surface:#FFFFFF;--ink:#0F172A;--muted:#475569;--hint:#64748B;
  --border:#E2E8F0;--border2:#CBD5E1;
  --info-bd:#17629E;--accent:#17629E;--ok:#15803D;--danger:#C62828;
  --radius:10px;--radius-lg:14px;
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  color-scheme:dark;
  --bg:#0E1726;--surface:#162236;--ink:#E8EEF5;--muted:#B4C1D1;--hint:#93A3B8;
  --border:rgba(255,255,255,.10);--border2:rgba(255,255,255,.22);
  --info-bd:#3A8BCC;--accent:#3A8BCC;--ok:#22A35A;--danger:#E25555;
}}
body{font-family:var(--sans);}

/* logo sem serifa do site: o colorido no tema claro, o branco no escuro (sem caixa branca em volta) */
.brand img{height:30px;width:auto;display:block;}
.brand img.escuro{display:none;}
@media (prefers-color-scheme:dark){
  .brand img.claro{display:none;}
  .brand img.escuro{display:block;}
}
.brand h1{padding-left:12px;border-left:1px solid var(--border2);}
/* o logo novo é mais largo que o antigo (520×114 contra 800×400) e a Montserrat é mais larga que a
   fonte do sistema: no celular, logo menor e o cabeçalho quebra linha em vez de vazar (teste_layout a 375px) */
.brand{flex-wrap:wrap;row-gap:8px;}
@media (max-width:520px){
  .brand img{height:24px;}
  .brand h1{padding-left:0;border-left:0;}
}