/*
 * FONTE ÚNICA dos tokens do lockup "ícone + Brudam/Academy" — usados na
 * vitrine (.lp-logo, landing.css), no login e na sidebar (.ab-logo e
 * .sb-brand-copy, portal.css) e no painel admin (.brudam-brand-logo-copy
 * e .fi-logo, resources/css/filament/admin/theme.css).
 *
 * ⚠️ Antes desse arquivo, cada tela definia esses valores por conta
 * própria, copiados à mão — e cada cópia divergia um pouco (fonte errada
 * na vitrine, gap de 10px vs 11px, line-height faltando no login...).
 * Foi assim que o logo ficou "quase igual, mas não igual" nas 3 telas
 * por várias rodadas seguidas. Daqui pra frente, mudar a marca é mudar
 * aqui — as 3 telas leem os mesmos valores.
 *
 * Carregado nas 4 telas que desenham esse lockup: landing.blade.php,
 * layouts/auth.blade.php, layouts/portal.blade.php e (via renderHook)
 * AdminPanelProvider.php. A ordem do <link> não importa — variáveis CSS
 * resolvem no cálculo final, não na ordem de leitura do arquivo.
 */
:root {
  --brand-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --brand-logo-icon-height: 2.4rem;
  --brand-logo-gap: 11px;

  --brand-wordmark-size: 14px;
  --brand-wordmark-weight: 800;
  --brand-wordmark-tracking: .01em;
  --brand-wordmark-line-height: 1;

  --brand-caption-size: 9px;
  --brand-caption-weight: 600;
  --brand-caption-tracking: .16em;
  --brand-caption-gap-top: 4px;

  /* fundo escuro (sidebar, vitrine, cabeçalho do site, sidebar do admin) */
  --brand-wordmark-color-on-dark: #f4f4ff;
  --brand-caption-color-on-dark: rgba(255, 255, 255, .55);

  /* fundo claro (cartão de login do admin, quando modo escuro do Filament está OFF) */
  --brand-wordmark-color-on-light: #18183d;
  --brand-caption-color-on-light: rgba(24, 24, 61, .6);
}