:root {
    /* Paleta baseada no logo real da Cass Vision (preto + dourado sobre fundo claro),
       alinhada às referências de design do briefing (Ray-Ban, Oakley, Zeiss, Lenscope —
       moderno, minimalista, luxuoso). [CONFIRMAR] com o manual de marca oficial se/quando
       chegar — como todo o CSS lê destas variáveis, ajustar aqui propaga para o site inteiro. */
    --cor-primaria: #171614;
    --cor-primaria-escura: #000000;
    --cor-primaria-clara: #34322D;
    --cor-destaque: #C9A227;
    --cor-destaque-escura: #A6841C;
    --cor-texto: #1A1A1A;
    --cor-texto-claro: #5C584C;
    --cor-fundo: #FFFFFF;
    --cor-fundo-alt: #F7F5F0;
    --cor-borda: #E5E0D2;
    --cor-sucesso: #1E7E42;
    --cor-erro: #C0392B;
    --cor-branco: #FFFFFF;

    --fonte-base: 'Segoe UI', Roboto, Arial, sans-serif;
    --fonte-titulo: 'Segoe UI', Roboto, Arial, sans-serif;

    --raio-padrao: 8px;
    --raio-grande: 16px;
    --sombra-card: 0 2px 10px rgba(0, 0, 0, 0.08);
    --sombra-elevada: 0 8px 24px rgba(0, 0, 0, 0.18);

    --largura-maxima: 1200px;
    --largura-maxima-estreita: 760px;

    --espaco-secao: clamp(48px, 6vw, 96px);
}