/* 01 — Variáveis da marca VEC Mídia.
   Mude uma cor aqui e ela muda no Hub inteiro. */
:root {
    --cor-marinho: #101828;   /* estrutura e fundos institucionais */
    --cor-marinho-2: #0B1220; /* fundo mais profundo (rodapé, abertura) */
    --cor-azul: #2563EB;      /* cor principal da marca */
    --cor-ciano: #06B6D4;     /* destaques */
    --cor-gelo: #F8FAFC;      /* fundos claros */
    --cor-ardosia: #64748B;   /* textos secundários */
    --cor-grafite: #1E293B;   /* textos principais */
    --cor-conversao: #16A34A; /* botões de compra */
    --cor-borda: #E2E8F0;     /* bordas e divisórias */
    --cor-texto-escuro: #CBD5E1; /* textos sobre fundo escuro */
    --degrade-marca: linear-gradient(135deg, #2563EB, #06B6D4);

    /* Títulos: Inter Display (arquivo local). Texto: fontes do sistema (zero download). */
    --fonte-titulo: "Inter Display", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    --largura-max: 76rem;
    --espaco: 1.25rem;
    --raio: 0.875rem;
    --raio-grande: 1.25rem;
    --sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .06);
}