/* ============================================================
   PRIMOM TECNOLOGIA — Design Tokens
   Fonte da verdade: KIT OFICIAL DE IDENTIDADE (designer, 2026-09-02)
   apoio/brand/kit-oficial-2026-09-02/10 APRESENTAÇÃO + SVGs da logo.
   REGRA: nenhum valor de cor/fonte fora deste arquivo.
   ============================================================ */

:root {
  /* Paleta oficial (painel "Paleta de cores") */
  --cor-fundo: #010713;        /* preto-azulado — base do kit */
  --cor-acento: #00CCFE;       /* ciano oficial */
  --cor-branco: #FFFFFF;
  /* Degradê oficial (extraído do vetor da logo: ciano → azul royal) */
  --grad-ini: #42C0EE;
  --grad-fim: #3254A2;
  --grad-m: linear-gradient(135deg, var(--grad-ini) 0%, var(--grad-fim) 100%);
  --grad-texto: linear-gradient(120deg, var(--grad-ini) 0%, #3B8FD0 55%, var(--grad-fim) 100%);
  --cor-acento-texto: #3FC0F0;                /* ciano da logo: acento em texto, menos saturado que o #00CCFE */
  --cor-acao: #2E6BD6;         /* azul de botão sólido (ponto médio do degradê, contraste AA c/ branco) */
  --cor-logo-ciano: #3FC0F0;   /* ciano do "TECNOLOGIA" no vetor */

  /* Derivadas para o dark theme */
  --cor-fundo-profundo: #000309;            /* quase preto — topo/base do degradê de página */
  --cor-fundo-elevado: #0A1224;             /* superfícies elevadas (cards) */
  --cor-fundo-secao: #030812;               /* seções alternadas */
  --cor-borda: rgba(255, 255, 255, 0.08);
  --cor-texto: #E6EBF2;                     /* off-white (evita halation) */
  --cor-texto-secundario: #9AA6BA;          /* AA sobre #010713 */
  --cor-titulo: var(--cor-branco);          /* títulos (vira marinho no tema claro) */

  /* Tipografia oficial (painel "Tipografia"): Montserrat + Baskervville */
  --fonte: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-display: "Baskervville", Georgia, "Times New Roman", serif;
  --peso-regular: 400;
  --peso-semibold: 600;
  --peso-extrabold: 700;

  /* Escala tipográfica fluida */
  --texto-sm: clamp(0.85rem, 0.8rem + 0.2vw, 0.95rem);
  --texto-base: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --texto-lg: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --texto-xl: clamp(1.75rem, 1.4rem + 1.3vw, 2.5rem);
  --texto-hero: clamp(1.9rem, 1.3rem + 2.2vw, 3.3rem);

  /* Espaçamento e forma */
  --espaco-1: 0.5rem;
  --espaco-2: 1rem;
  --espaco-3: 1.5rem;
  --espaco-4: 2.5rem;
  --espaco-5: 4rem;
  --espaco-6: 6rem;
  --raio: 12px;
  --raio-pill: 999px;
  --largura-max: 72rem;
}

/* ============================================================
   TEMA CLARO (variante de avaliação — /claro/)
   Mesma paleta, fontes e estilo; fundo branco. Header e footer
   continuam escuros (ver base.css, bloco "Tema claro").
   ============================================================ */
.tema-claro {
  --cor-fundo: #FFFFFF;
  --cor-fundo-profundo: #F3F6FA;
  --cor-fundo-secao: #F3F6FA;
  --cor-fundo-elevado: #FFFFFF;
  --cor-borda: rgba(1, 7, 19, 0.10);
  --cor-texto: #1B2537;                     /* marinho suave para corpo */
  --cor-texto-secundario: #52627A;          /* AA sobre branco */
  --cor-titulo: #010713;                    /* preto-azulado do kit */
  --cor-acento: #176AA8;                    /* azul p/ links e rótulos sobre branco: contraste 5.7 (AA exige 4.5) */
  --cor-acento-texto: #176AA8;
}