/* Camada de marca Estrategista CRM sobre o AFFiNE.
 *
 * Injetada pelo sub_filter do nginx (ver /etc/nginx/sites-available/quadros-affine).
 * Mesmo mecanismo ja validado no Twenty — mas aqui vai MAIS LONGE: o AFFiNE expoe
 * variaveis CSS de tema (--affine-brand-color e cia), coisa que o Twenty nao tem.
 * Por isso da para repintar de verdade em vez de so trocar fonte e logo.
 *
 * REGRA: so frontend. O cliente do AFFiNE e MIT/MPL; o backend e EE — nao tocar.
 * ⚠️ Reaplicar a cada upgrade da imagem: os seletores hasheados mudam.
 */

@font-face {
  font-family: 'Sora';
  src: url('/brand/Sora.woff2') format('woff2');
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/brand/DMSans.woff2') format('woff2');
  font-weight: 400 700;
  font-display: swap;
}

/* --- paleta --------------------------------------------------------------
 * #1B3A4B (azul-petroleo) e #F8F5F1 (off-white quente) — as mesmas do Clube do
 * Livro e do Twenty. Trocamos o azul padrao #1e96eb do AFFiNE.
 *
 * Cuidado deliberado: NAO repintamos --affine-background-primary-color. O canvas
 * dos mapas foi importado com cores proprias e um fundo bege atras deles suja a
 * leitura. Fundo continua neutro; a marca entra no acento.
 */
:root,
html[data-theme='light'],
html[data-theme='dark'] {
  --affine-brand-color: #1B3A4B;
  --affine-primary-color: #1B3A4B;
  --affine-font-family: 'DM Sans', 'Inter', system-ui, sans-serif;
  --affine-font-sans-family: 'DM Sans', 'Inter', system-ui, sans-serif;
}

/* Titulos em Sora; corpo em DM Sans. */
h1, h2, h3,
[class*='doc-title'],
[data-block-is-title='true'] {
  font-family: 'Sora', 'DM Sans', system-ui, sans-serif !important;
  letter-spacing: -0.01em;
}

/* --- pagina publica (o que o ALUNO ve) -----------------------------------
 * Alvo mais importante da fase: quem abre o link nao esta logado e so ve isto.
 */

/* Badge promocional "Built with AFFiNE" do rodape da pagina compartilhada.
 * As classes sao hasheadas (_13uj4sq3) e mudam a cada build — mirar no href, que
 * e estavel. O <a> vira o badge inteiro. */
a[href^='https://affine.pro'],
a[href='https://affine.pro'] {
  display: none !important;
}

/* O botao "Login or Sign Up" leva o visitante a um cadastro que ele nao deve
 * fazer — o acesso do aluno e pelo CRM. O data-testid sobrevive aos builds. */
[data-testid='share-page-sign-in-button'] {
  display: none !important;
}

/* --- area logada: tirar o que ainda "cheira" a AFFiNE -------------------- */

/* Aba "Sobre" inteira do modal de configuracoes: versao 0.27.1, logo em
 * triangulo da AFFiNE, toggle de telemetria, fileira de redes sociais e links
 * para affine.pro. O usuario pediu para esconder a aba toda (nao so limpar).
 * O data-testid e' estavel; o botao Download App e o rodape "Love our app?"
 * ficam no .js por nao terem seletor estavel. */
[data-testid='about-panel-trigger'] {
  display: none !important;
}
/* (Os links soltos para affine.pro — "Official website", "Privacy", "Terms" —
 * ja caem na regra a[href^='https://affine.pro'] la de cima, valida no app
 * inteiro, nao so na pagina publica.) */