/* =====================================================================
   IDENTIDADE DA MARCA — Umilon.
   Este é o ÚNICO arquivo que você precisa editar para trocar a identidade
   visual (cores e fontes). Todo o site lê estas variáveis.
   Valores atuais são PLACEHOLDER (paleta de referência vinho/creme).
   ===================================================================== */

/* --- Fontes -----------------------------------------------------------
   Fonte da marca Umilon: Poppins (títulos e texto). */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap');

:root {
    /* === CORES — identidade Umilon (preto e branco, derivada do logo) === */
    --cor-primaria:      #161616;  /* preto principal (hero, faixas escuras, botões) */
    --cor-primaria-esc:  #000000;  /* preto puro (footer, hover) */
    --cor-secundaria:    #f3f3f1;  /* off-white (fundo claro das seções) */
    --cor-acento:        #111111;  /* preto de destaque (preços, selos, links) */
    --cor-texto:         #1a1a1a;  /* texto principal */
    --cor-texto-claro:   #767676;  /* texto secundário (cinza) */
    --cor-fundo:         #ffffff;  /* fundo padrão */
    --cor-borda:         #e4e4e4;  /* bordas suaves */
    --cor-sobre-escuro:  #f4f4f4;  /* texto sobre fundo escuro */

    /* Estados */
    --cor-sucesso:       #2f8a4e;
    --cor-erro:          #c0392b;
    --cor-favorito:      #c0392b;  /* coração ativo */

    /* === TIPOGRAFIA === */
    --fonte-titulo: 'Poppins', system-ui, -apple-system, sans-serif;
    --fonte-texto:  'Poppins', system-ui, -apple-system, sans-serif;

    /* === MEDIDAS === */
    --container: 1200px;
    --raio: 4px;
    --transicao: 0.25s ease;
}