/* ============================================================
   CRONOTRACKER - cronobrand.css
   Logomarca padronizada (mesmo estilo do rodapé do Live Timing):
   fonte Barlow Condensed, "CRONO" claro + "TRACKER" teal (#2dd4bf).
   Uso: <link rel="stylesheet" href="cronobrand.css"> e marque o
   elemento do logo com a classe ctbrand, conteúdo CRONO<b>TRACKER</b>.
   A classe ctbrand NÃO define font-size, então cada tela mantém o
   tamanho/posição do seu próprio logo.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&display=swap');

.ctbrand{
  font-family:'Barlow Condensed', system-ui, 'Segoe UI', sans-serif !important;
  font-weight:700 !important;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#e9eef5 !important;          /* "CRONO" */
  line-height:.9;
}
.ctbrand b{ color:#2dd4bf !important; font-weight:700; }   /* "TRACKER" */
.ctbrand .ct-sub{
  display:block;
  font-size:.42em;
  letter-spacing:2.5px;
  color:#f1f5fa;
  font-weight:600;
}

/* ============================================================
   FONTE ÚNICA DO SISTEMA — legibilidade (0 vs 8, números "entupindo")
   Troca todas as fontes (Rajdhani, Share Tech Mono, Barlow, Roboto
   Mono, Consolas...) por Arial em qualquer tela que linke este CSS.
   - !important vence estilos inline e de <style> das páginas.
   - especificidade 0,0,0: o logo .ctbrand (mais específico) mantém
     a fonte da marca de propósito.
   - tabular-nums: dígitos com largura igual -> colunas alinhadas.
   PARA USAR CONDENSADA: troque  Arial,  por  'Arial Narrow', Arial,
   ============================================================ */
*, *::before, *::after{
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
  font-variant-numeric: tabular-nums;
}

/* mantém o LOGO inteiro (CRONO + TRACKER) na fonte da marca, acima do override */
.ctbrand, .ctbrand *{ font-family:'Barlow Condensed', system-ui, 'Segoe UI', sans-serif !important; }