/* AEVIA — estilos tipográficos
 * GERADO de tokens.json do design system AEVIA (AEVIA v2).
 * Não editar à mão: altere o design system e regenere.
 * Fonte: https://aevia.digital/ (folha de estilo da página institucional v4, marca-mãe e duas soluções, lida em 21/09/2026) + AEVIA Corporate Style Guide v1.1 (documento interno, fevereiro 2026) + decisão de portfólio de setembro de 2026
 */


/* Uma classe .type-<nome> por estilo do tokens.json.
 * Só os campos declarados no JSON viram propriedade. Onde a `usage`
 * pede algo que não é campo (caixa alta, cor), fica no comentário: o
 * consumidor aplica. Os tamanhos são o TOPO da escala — os estilos
 * fluidos trazem o clamp() de origem na usage. */

/* type.fonts está vazio: as duas famílias são servidas pelo Google
 * Fonts, não há arquivo local para @font-face. */

/* ═══ Display — família "display" ═══ */

/* “A automação residencial deixa de ser luxo e passa a ser conforto e praticidade dentro de casa” */
/* Título do hero institucional. Fluido: clamp(38px, 5.4vw, 76px); máximo de */
/* 17ch. Palavra destacada em accentlt via <em> sem itálico. No hero de uma */
/* sub-página o nome da solução sobe para clamp(40px, 6vw, 84px). */
.type-hero-title {
  font-family: var(--font-display);
  font-size: 76px;
  line-height: 1.08;
  letter-spacing: 0.015em;
  font-weight: 300;
}

/* “Duas formas de viver isso” */
/* Título de seção. Fluido: clamp(36px, 4.6vw, 58px). Sobre midnight e */
/* deepnavy recebe white. */
.type-display {
  font-family: var(--font-display);
  font-size: 58px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  font-weight: 300;
}

/* “Casa Digital, a casa que melhora com o tempo” */
/* Título de bloco secundário e link da faixa de cross-link entre soluções. */
/* Fluido: clamp(26px, 3vw, 38px). */
.type-display-sm {
  font-family: var(--font-display);
  font-size: 38px;
  line-height: 1.2;
  font-weight: 300;
}

/* “A casa conectada deixou de ser um conforto.” */
/* Citação editorial com filete de rule-strong em accentlt à esquerda. */
/* Fluido: clamp(20px, 2.2vw, 30px). */
.type-quote {
  font-family: var(--font-display);
  font-size: 30px;
  line-height: 1.55;
  font-weight: 300;
  font-style: italic;
}

/* “Casa Conectada” */
/* Nome da solução no card de solução. Fluido: clamp(28px, 2.6vw, 36px). As */
/* duas soluções usam exatamente este estilo, sem variação de peso ou corpo */
/* entre elas. */
.type-sol-name {
  font-family: var(--font-display);
  font-size: 36px;
  line-height: 1.2;
  font-weight: 400;
}

/* “A diferença está no que não aparece” */
/* Título de card de princípio sobre midnight ou deepnavy. Fluido: */
/* clamp(20px, 1.8vw, 26px). */
.type-card-title {
  font-family: var(--font-display);
  font-size: 26px;
  line-height: 1.3;
  font-weight: 400;
}

/* “contato@aevia.digital” */
/* E-mail de contato usado como âncora tipográfica, com borda inferior de */
/* hairline. Fluido: clamp(22px, 2.5vw, 32px). */
.type-email {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.2;
  font-weight: 300;
}

/* “01” */
/* Numeral do card de fase, em silver; passa a accentlt no hover do card. */
.type-numeral {
  font-family: var(--font-display);
  font-size: 52px;
  line-height: 1;
  font-weight: 300;
}

/* “AEVIA” */
/* Wordmark da marca primária dentro do lockup. Só dentro do lockup: para */
/* título de página use display. No arquivo SVG o espaçamento é feito por */
/* textLength=150 com lengthAdjust=spacing, não por letter-spacing: o SVG é */
/* exibido por <img>, não carrega webfont e cai em Georgia, cujas métricas */
/* são outras. */
.type-logo-wordmark {
  font-family: var(--font-display);
  font-size: 36px;
  line-height: 1;
  letter-spacing: 9px;
  font-weight: 300;
}

/* “Casa Digital” */
/* Nome da solução dentro do lockup de solução. Só dentro do lockup: não usar */
/* como título de página. Casa Conectada usa o mesmo corpo e o mesmo */
/* espaçamento. */
.type-logo-nome {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1;
  letter-spacing: 4px;
  font-weight: 300;
}

/* ═══ Interface — família "sans" ═══ */

/* “AS SOLUÇÕES” */
/* Label de seção, sempre em caixa alta e em accentlt, com space-24 de */
/* respiro abaixo. Aplicar text-transform: uppercase no consumidor. */
.type-label {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.55em;
  font-weight: 300;
}

/* “AEVIA · SOLUÇÕES DIGITAIS RESIDENCIAIS” */
/* Linha de abertura do hero, caixa alta, em accentlt. Na home traz a marca e */
/* o descritor; no hero de uma solução traz apenas SOLUÇÃO AEVIA. */
.type-eyebrow {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.6em;
  font-weight: 300;
}

/* “CASA CONECTADA” */
/* Links de navegação, caixa alta, em silver; passam a white no hover e no */
/* estado atual. Reduzido de 11px/0.45em para caber os seis destinos da */
/* navegação de três páginas. */
.type-nav-link {
  font-family: var(--font-sans);
  font-size: 10.5px;
  line-height: 1.2;
  letter-spacing: 0.4em;
  font-weight: 300;
}

/* “VAMOS CONVERSAR” */
/* Chamada para ação: texto caixa alta com borda inferior de hairline, nunca */
/* um botão preenchido. */
.type-cta {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.45em;
  font-weight: 400;
}

/* “EXPERIMENTAR” */
/* Uma palavra sob o nome da solução, em accentlt, dizendo a intenção do */
/* morador: EXPERIMENTAR na Casa Conectada, EMBARCAR na Casa Digital. Nunca */
/* um adjetivo de nível. */
.type-sol-kicker {
  font-family: var(--font-sans);
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.4em;
  font-weight: 300;
}

/* “A AEVIA constrói a fundação que sustenta esse conforto.” */
/* Corpo de texto de seção. Fluido: clamp(12px, 1.1vw, 14px). deepnavy sobre */
/* fundo claro, silver sobre fundo escuro. */
.type-body {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.9;
  font-weight: 300;
}

/* Texto dentro de cards e listas; sempre 12px fixo, sem escala fluida. No */
/* card de solução vai a 12,5px para equilibrar o bloco maior. */
.type-card-body {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 1.85;
  font-weight: 300;
}

/* “PROJETO ANTES DA OBRA” */
/* Título curto de card de fase, caixa alta, em midnight sobre frost. Único */
/* peso 500 do sistema. */
.type-card-label {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.4em;
  font-weight: 500;
}

/* Nota de rodapé de card e observação sob o contato, em slate ou silver */
/* conforme o fundo. A faixa de nota (NoteBand) usa o mesmo corpo sem */
/* itálico. */
.type-note {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 1.85;
  font-weight: 300;
  font-style: italic;
}

/* “SOLUÇÕES DIGITAIS RESIDENCIAIS” */
/* Descritor institucional dentro do lockup AEVIA, alinhado ao wordmark e */
/* abaixo da linha separadora. No SVG é travado em textLength=200 com */
/* lengthAdjust=spacing, que é a largura do bloco e também o comprimento da */
/* linha separadora; letter-spacing solto estourava o viewBox quando a fonte */
/* não carregava. Escala com o lockup; fecha abaixo de 170px de largura. */
/* Única linha em caixa alta do sistema com mais de quatro palavras. */
.type-descritor {
  font-family: var(--font-sans);
  font-size: 7px;
  line-height: 1.2;
  letter-spacing: 3.2px;
  font-weight: 400;
}

/* “SOLUÇÕES DIGITAIS RESIDENCIAIS” */
/* Descritor institucional em corpo de capa, fora do lockup, em deepnavy */
/* sobre fundo claro. Único uso do peso 200 em texto; em capas e propostas, */
/* não no site. */
.type-subtitulo {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.45em;
  font-weight: 200;
}

/* “by AEVIA” */
/* Linha "by AEVIA" do lockup de solução. Uso exclusivo dentro do logo. */
/* Divergência de fonte: os SVGs e o site usam peso 400; o Style Guide v1.1, */
/* seção 04, especifica 600. Vale o 400 dos arquivos. */
.type-assinatura {
  font-family: var(--font-sans);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 7px;
  font-weight: 400;
}