/* Identidade Axzon para a web: fonte única de cores, fontes, espaços, raios e sombras.
   Original em F:\Doc\Axzon\Identidade (comum a site, portal de licenças e páginas dos produtos); os projetos
   levam uma cópia gerada por script. Cores do tema claro seguem F:\Doc\Axzon\Web\PADRAO_PAGINAS_WEB.md e o logo
   oficial (laranja #F58634, cinza #646464). Grafite e tons de apoio vêm do kit dos manuais. 21/10/2026. */
@import url('fontes.css');

:root {
  /* marca */
  --laranja: #F58634;          /* laranja Axzon (logo): fundos, faixas, bordas, ícones, botão principal */
  --laranja-hover: #E3701C;
  --laranja-texto: #B4530F;    /* laranja para texto e links sobre fundo claro (contraste AA 5,3:1) */
  --laranja-suave: #FFF1E6;    /* fundo de destaque */
  --laranja-linha: #F6C79C;
  --cinza-marca: #646464;      /* cinza do logo: títulos e marca */

  /* grafite (faixas escuras, rodapé, capas) */
  --grafite: #2A2A2A;
  --grafite-2: #3C3C3C;
  --grafite-3: #5F5F5F;

  /* superfícies e texto (tema claro do padrão web) */
  --fundo: #F3F4F6;
  --fundo-2: #F6F7F9;
  --painel: #FFFFFF;
  --linha: #DADDE2;
  --linha-suave: #ECEEF1;
  --texto: #2B2B2B;
  --texto-2: #5F6368;
  --texto-3: #73787F;
  --texto-sobre-laranja: #1E1E1E; /* texto do botão principal (contraste 6:1); branco sobre #F58634 não passa no AA */
  --texto-sobre-grafite: #F2F2F2;

  /* estados */
  --ok: #1B7F43;     --ok-fundo: #E5F4EA;
  --aviso: #9A5B00;  --aviso-fundo: #FDF2DC;
  --falha: #C42B2B;  --falha-fundo: #FDEAEA;

  /* apoio (diagramas e categorias, do kit dos manuais) */
  --azul: #3D8BD9;
  --roxo: #8C6BD9;
  --petroleo: #2FA88F;

  /* dica própria (bandeiras, "?") */
  --dica-fundo: #2B2B2B;
  --dica-texto: #FFFFFF;

  /* tipografia */
  --fonte-titulo: 'Barlow Semi Condensed', 'Barlow', 'Bahnschrift', 'Segoe UI', sans-serif;
  --fonte-marca: 'Barlow', 'Bahnschrift', 'Segoe UI', sans-serif;
  --fonte-texto: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --fonte-codigo: 'Cascadia Code', 'Cascadia Mono', Consolas, monospace;

  --t-xs: 0.8125rem;   /* 13 */
  --t-sm: 0.9375rem;   /* 15 */
  --t-base: 1.0625rem; /* 17 */
  --t-lg: 1.25rem;     /* 20 */
  --t-xl: 1.625rem;    /* 26 */
  --t-2xl: 2.25rem;    /* 36 */
  --t-3xl: clamp(2.25rem, 1.4rem + 3.6vw, 3.75rem); /* 36 a 60 */

  /* espaços (múltiplos de 4 px) */
  --e-1: 4px;  --e-2: 8px;  --e-3: 12px; --e-4: 16px; --e-5: 24px;
  --e-6: 32px; --e-7: 48px; --e-8: 64px; --e-9: 96px;

  /* raios e sombras */
  --raio-p: 6px;
  --raio: 10px;
  --raio-g: 16px;
  --sombra: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .04);
  --sombra-g: 0 12px 32px rgba(16, 24, 40, .10), 0 2px 6px rgba(16, 24, 40, .06);

  /* layout */
  --largura: 1200px;
  --margem: clamp(16px, 4vw, 32px);
}