/*
 * Tema Genoma. Fonte: clientes/genoma/dev/genoma/assets/design_system.html
 * Só tokens: os componentes (public/css/publico.css) leem estas variáveis.
 * Cor de marca pura é decorativa; texto e botão usam as variações AAA (-texto).
 */
:root {
    --marca-1: #F15622;          /* laranja, decorativo */
    --marca-2: #079C5F;          /* verde, decorativo */
    --marca-3: #6F2681;          /* roxo */
    --marca-4: #F5B400;          /* amarelo, sempre com texto escuro */

    /* CTA primário: verde da marca com "volume" marinho, como o botão do cabeçalho do site.
       Branco sobre #079C5F dá 3,54:1: abaixo do AA com o texto em 16px. */
    --acao: #079C5F;
    --acao-texto: #FFFFFF;
    --acao-volume: #28285B;      /* marinho da paleta do site; também colore a seta */
    --acao-2: #05613B;           /* verde AAA: botão secundário, sucesso */
    --destaque: #6F2681;         /* roxo: links, foco, eyebrow */
    --destaque-hover: #5C226B;
    --aviso-texto: #5C4600;
    --erro: #B3261E;

    --bg: #FAF8F5;               /* fundo das páginas do site */
    --bg-alt: #FFF6EC;
    --bg-card: #FFFFFF;
    --texto: #1A1A1A;
    --titulo: #151544;           /* marinho dos títulos de página do site */
    --texto-soft: #4A4A46;
    --texto-invertido: #FFFDF9;
    --borda: #EFE6D8;

    --font-heading: 'Figtree', system-ui, sans-serif;
    --font-body: 'PT Sans', system-ui, sans-serif;

    --radius-sm: 16px;
    --radius-md: 28px;
    --radius-lg: 48px;
    --radius-pill: 999px;

    --shadow-sm: 0 4px 14px rgba(26, 26, 26, .06);
    --shadow-md: 0 12px 32px rgba(26, 26, 26, .10);

    --rodape-fundo: url('/marcas/genoma/rodape.webp') center bottom / cover no-repeat, #F3E6EE;
    --rodape-linha: rgba(21, 21, 68, .18);

    /* Forma do canto do topo: a mesma imagem das páginas internas do site (forma-header.png).
       Caminho absoluto: url() dentro de variável resolve a partir do CSS que usa, não deste arquivo. */
    --forma-topo: url('/marcas/genoma/forma-topo.png');
    --forma-topo-proporcao: 1230 / 759;

    --fundo-hero: none;          /* topo liso, como as páginas internas do site */
}