/* AEVIA — tokens
 * 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
 */


/* Tema único: "Marca" (marca).
 * O sistema não tem modo escuro: as seções escuras usam a mesma paleta. */
:root {

  /* ── COR ───────────────────────────────────── */
  /* Fundo das seções âncora (nav, hero, Princípios, Contato, rodapé) e */
  /* cor de texto padrão do body sobre white, offwhite e frost. 16,6:1 */
  /* sobre white. */
  --midnight: #0d1b2a;
  /* Fundo das seções Soluções e Para Arquitetos e da faixa de */
  /* cross-link; cor de corpo de texto sobre white e offwhite (12,6:1). */
  /* Também o fim do gradiente do hero. Soluções e Princípios trocaram de */
  /* fundo em setembro de 2026 para que seções vizinhas nunca repitam o */
  /* fundo: Princípios fica entre as duas seções deepnavy, em midnight. */
  --deepnavy: #1b2d42;
  /* Texto secundário, notas em itálico e descritor do lockup sobre fundo */
  /* claro (6,9:1). Nunca sobre midnight, onde mede 2,4:1: ali o texto de */
  /* apoio é steel. Também é a tinta dos blocos de fundo da capa. */
  --slate: #3d5a73;
  /* CTAs e links. Medido 4,1:1 sobre white e 4,0:1 sobre midnight: valor */
  /* exato do site, abaixo de 4,5:1. Usar a partir de 24px ou em negrito */
  /* 19px+, ou trocar por accentlt sobre fundo escuro. */
  --accent: #4a7fa5;
  /* Cor de identidade: casa tracejada do símbolo, nós e anéis das marcas */
  /* de solução, linha separadora do lockup, labels de seção, filete da */
  /* citação e réguas editoriais sobre midnight (5,8:1) e deepnavy */
  /* (4,7:1). */
  --accentlt: #6b9bb8;
  /* Texto de apoio e metadados sobre midnight (5,5:1): destinos e linha */
  /* de copyright do rodapé, e a tinta atenuada do lockup no rodapé. */
  /* Sobre deepnavy mede 4,4:1, abaixo dos 4,5:1 de texto pequeno: ali o */
  /* texto de apoio é silver (8,2:1), inclusive o rótulo da faixa de */
  /* cross-link e a linha de hero-meta, que fica sobre o fim do gradiente */
  /* do hero, já deepnavy. Não usar sobre fundos claros, onde mede 2,8:1 */
  /* a 3,0:1. */
  --steel: #7a94a8;
  /* Parágrafos e legendas sobre midnight (10,1:1) e deepnavy (8,2:1); é */
  /* o cinza de leitura dos blocos escuros, inclusive no corpo do card de */
  /* solução. */
  --silver: #b8c8d4;
  /* Fundo dos cards de fase, texto de lista sobre deepnavy (12,0:1) e */
  /* tinta do descritor do lockup sobre fundo escuro. */
  --frost: #e8eef2;
  /* Fundo das seções Visão, Como trabalhamos e Para quem é, alternando */
  /* com white para separar seções sem borda. */
  --offwhite: #f0f3f5;
  /* Fundo padrão da página e do card de fase em hover; cor de texto e do */
  /* logo sobre midnight e deepnavy (16,6:1). */
  --white: #f7fafb;

  /* ── TIPOGRAFIA: FAMÍLIAS ──────────────────── */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-sans: Montserrat, system-ui, sans-serif;

  /* ── SPACING ───────────────────────────────── */
  /* O site usa padding lateral clamp(24px, 6vw, 96px) e padding vertical */
  /* de seção clamp(80px, 10vw, 140px). Os extremos desses intervalos são */
  /* tokens; os intermediários são calculados pelo viewport. */
  /* Gap das grades de fases, princípios e soluções: os cards quase se */
  /* tocam, sem borda entre eles. */
  --space-2: 2px;
  /* Respiro abaixo do texto de um CTA até sua borda inferior. */
  --space-8: 8px;
  /* Gap entre o texto do CTA e a seta; respiro abaixo de títulos de */
  /* card. */
  --space-14: 14px;
  /* Padding vertical de cada item da lista numerada e gap entre número e */
  /* texto. */
  --space-18: 18px;
  /* Padding vertical da nav; respiro abaixo do numeral de fase. */
  --space-20: 20px;
  /* Respiro abaixo do label de seção; padding lateral mínimo da página. */
  --space-24: 24px;
  /* Respiro abaixo da marca no card de solução e do kicker até o corpo. */
  --space-26: 26px;
  /* Recuo do texto da citação a partir do filete; respiro abaixo do */
  /* traço do card de princípio; padding vertical da faixa de nota. */
  --space-28: 28px;
  /* Distância do corpo do card de solução até o seu link. */
  --space-34: 34px;
  /* Padding vertical do rodapé; distância do CTA até o bloco acima. */
  --space-36: 36px;
  /* Padding máximo do card de fase, padding vertical da faixa de */
  /* cross-link e gap máximo entre links da nav. */
  --space-44: 44px;
  /* Distância de uma seção de conteúdo até a faixa de nota que a fecha. */
  --space-48: 48px;
  /* Padding máximo do card de princípio. */
  --space-52: 52px;
  /* Distância da intro de seção até a grade de cards. */
  --space-64: 64px;
  /* Padding vertical mínimo de seção. */
  --space-80: 80px;
  /* Padding lateral máximo da página e gap máximo das grades de duas */
  /* colunas. */
  --space-96: 96px;
  /* Padding vertical máximo de seção. */
  --space-140: 140px;

  /* ── RADIUS ────────────────────────────────── */
  /* O sistema é reto. Não há raio em cards, campos, imagens ou CTAs. */
  /* Padrão de todo elemento: cards, campos, imagens, CTAs e blocos de */
  /* seção. */
  --radius-none: 0;
  /* Único uso curvo do sistema: o ponto de 5px do card claro e os nós e */
  /* anéis das marcas de solução. */
  --radius-dot: 50%;

  /* ── VEIL ──────────────────────────────────── */
  /* Toda transparência do sistema é accentlt sobre o fundo da seção, em */
  /* seis degraus fixos. Valor fora desta escala não entra. O opacity */
  /* interno de um desenho SVG (planta isométrica, anéis das marcas de */
  /* solução) é composição do desenho e não usa esta escala. */
  /* Fundo do card de solução em repouso: quase nada, só o suficiente */
  /* para o card existir antes da moldura. */
  --veil-02: rgba(107,155,184,0.02);
  /* Fundo de card em hover, fundo da faixa de nota e fundo do CTA da nav */
  /* em hover. */
  --veil-06: rgba(107,155,184,0.06);
  /* Filete estrutural: borda da nav, divisor da lista numerada, régua do */
  /* hero-meta e borda do card de princípio em repouso. */
  --veil-12: rgba(107,155,184,0.12);
  /* Borda do card de solução e borda superior da faixa de cross-link. */
  --veil-16: rgba(107,155,184,0.16);
  /* Borda inferior de CTA e de link, divisores de lista, borda da faixa */
  /* de nota e borda de card em hover. */
  --veil-30: rgba(107,155,184,0.3);
  /* Borda do card de solução em hover. É o degrau mais forte do sistema. */
  --veil-40: rgba(107,155,184,0.4);

  /* ── BORDER ────────────────────────────────── */
  /* O sistema separa por filete, não por sombra. Não há box-shadow em */
  /* nenhum elemento. */
  /* Espessura padrão: borda da nav, bordas de card de princípio e de */
  /* solução, divisores de lista e borda inferior de CTA. */
  --hairline: 1px;
  /* Filete de ênfase: borda superior do card de fase em hover, filete à */
  /* esquerda da citação e da faixa de nota. */
  --rule-strong: 2px;
  /* Linha separadora dentro do lockup, entre o wordmark e o descritor, */
  /* sempre em accentlt. */
  --rule-logo: 0.8px;
  /* Passo do tracejado: stroke-dasharray 2.5px 2.5px na casa deslocada */
  /* do símbolo e em qualquer contorno que cite o símbolo. Espessura do */
  /* traço 1.3px; no símbolo isolado, 1.1px com passo 2.8px. */
  --dash: 2.5px;
}