/* Arch Hub Soluções — gerado a partir de tokens.json, para usar o sistema fora do artefato (site, sistemas internos, slides). */

@font-face { font-family: "Exo 2"; src: url("fonts/Exo2-VariableFont_wght.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Exo 2"; src: url("fonts/Exo2-Italic-VariableFont_wght.ttf") format("truetype"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Oxanium"; src: url("fonts/Oxanium-VariableFont_wght.ttf") format("truetype"); font-weight: 200 800; font-style: normal; font-display: swap; }

:root, [data-theme="escuro"] {
  --ah-branco: #ffffff;
  --ah-azul-claro: #32baec;
  --ah-verde: #43c48a;
  --ah-azul-medio: #08116b;
  --ah-azul-escuro: #0d0d25;
  --ah-fundo: var(--ah-azul-escuro);
  --ah-fundo-alternado: var(--ah-azul-medio);
  --ah-texto: var(--ah-branco);
  --ah-texto-secundario: rgba(255, 255, 255, 0.72);
  --ah-borda-sutil: rgba(255, 255, 255, 0.15);
  --ah-borda-controle: var(--ah-branco);
  --ah-destaque-azul: var(--ah-azul-claro);
  --ah-destaque-verde: var(--ah-verde);
  --ah-link: var(--ah-azul-claro);
  --ah-acao: var(--ah-verde);
  --ah-sobre-acao: var(--ah-azul-escuro);
  --ah-foco: var(--ah-azul-claro);
  --ah-erro: #ff5c5c;
  --ah-erro-fundo: rgba(255, 92, 92, 0.14);
  --ah-erro-solido: #ff5c5c;
  --ah-alerta: #ffb547;
  --ah-alerta-fundo: rgba(255, 181, 71, 0.14);
  --ah-alerta-solido: #ffb547;
  --ah-sobre-status: var(--ah-azul-escuro);
}
[data-theme="claro"] {
  --ah-fundo: var(--ah-branco);
  --ah-fundo-alternado: rgba(8, 17, 107, 0.06);
  --ah-texto: var(--ah-azul-escuro);
  --ah-texto-secundario: rgba(13, 13, 37, 0.72);
  --ah-borda-sutil: rgba(13, 13, 37, 0.15);
  --ah-borda-controle: var(--ah-azul-escuro);
  --ah-destaque-azul: var(--ah-azul-medio);
  --ah-destaque-verde: var(--ah-azul-medio);
  --ah-link: var(--ah-azul-medio);
  --ah-acao: var(--ah-verde);
  --ah-sobre-acao: var(--ah-azul-escuro);
  --ah-foco: var(--ah-azul-medio);
  --ah-erro: #ba1f1f;
  --ah-erro-fundo: rgba(186, 31, 31, 0.08);
  --ah-alerta: #8a5800;
  --ah-sobre-status: var(--ah-azul-escuro);
}
:root {
  --ah-espaco-1: 4px;
  --ah-espaco-2: 8px;
  --ah-espaco-3: 12px;
  --ah-espaco-4: 16px;
  --ah-espaco-6: 24px;
  --ah-espaco-8: 32px;
  --ah-espaco-12: 48px;
  --ah-espaco-16: 64px;
  --ah-raio-sm: 4px;
  --ah-raio-md: 8px;
  --ah-raio-lg: 16px;
  --ah-raio-pilula: 9999px;
  --font-apoio: "Exo 2", system-ui, sans-serif;
  --font-destaque: Oxanium, "Exo 2", system-ui, sans-serif;
}

/* Web — Exo 2 */
.h1 { font-family: var(--font-apoio); font-size: 48px; line-height: 56px; font-weight: 700; }
.h2 { font-family: var(--font-apoio); font-size: 36px; line-height: 44px; font-weight: 700; }
.h3 { font-family: var(--font-apoio); font-size: 24px; line-height: 32px; font-weight: 600; }
.corpo-grande { font-family: var(--font-apoio); font-size: 18px; line-height: 1.6; font-weight: 400; }
.corpo { font-family: var(--font-apoio); font-size: 16px; line-height: 1.6; font-weight: 400; }
.termo { font-family: var(--font-apoio); font-size: 16px; line-height: 1.6; font-weight: 400; font-style: italic; }
.botao { font-family: var(--font-apoio); font-size: 16px; line-height: 24px; font-weight: 600; }
.rotulo { font-family: var(--font-apoio); font-size: 14px; line-height: 20px; font-weight: 600; }
.legenda { font-family: var(--font-apoio); font-size: 14px; line-height: 20px; font-weight: 400; }
/* Destaque — Oxanium */
.destaque-hero { font-family: var(--font-destaque); font-size: 64px; line-height: 1.05; font-weight: 700; }
.destaque-numero { font-family: var(--font-destaque); font-size: 40px; line-height: 1.1; font-weight: 600; }
/* Apresentações 16:9 */
.slide-capa { font-family: var(--font-apoio); font-size: 200px; line-height: 1; font-weight: 700; }
.slide-exibicao { font-family: var(--font-destaque); font-size: 240px; line-height: 1; font-weight: 700; }
.slide-titulo { font-family: var(--font-apoio); font-size: 79px; line-height: 1; font-weight: 700; }
.slide-legenda { font-family: var(--font-apoio); font-size: 58px; line-height: 1.2; font-weight: 700; }
.slide-corpo { font-family: var(--font-apoio); font-size: 52px; line-height: 1; font-weight: 400; }
.slide-secundario { font-family: var(--font-apoio); font-size: 42px; line-height: 1.2; font-weight: 400; }
.slide-dados { font-family: var(--font-apoio); font-size: 22px; line-height: 1.2; font-weight: 600; }