/**
 * EmMemoria — Design Tokens (Identidade Visual "Oliva & Mel")
 *
 * Este é o arquivo central de identidade visual do projeto.
 * Fonte da verdade: Seção 14 do documento .specs/00-emmemoria-projeto-completo.md
 *
 * REGRA OBRIGATÓRIA: nenhum módulo deve declarar cores hexadecimais
 * diretamente no código. Sempre use var(--emm-*) referenciando este arquivo.
 *
 * Carregue este arquivo chamando emmemoria_enqueue_design_tokens()
 * dentro da condição de enqueue de cada módulo.
 */

:root {

    /* =========================================================
       Cores
       ========================================================= */

    /* Verde-oliva claro — cor primária, botões de ação principal */
    --emm-oliva: #A8AC7E;

    /* Verde-oliva escuro — títulos, texto de destaque, nome do falecido */
    --emm-oliva-escuro: #565A3D;

    /* Verde-oliva médio — texto secundário sobre fundos claros */
    --emm-oliva-texto-secundario: #6B6F52;

    /* Mel dourado — destaque, call-to-action principal (ex: "Acender vela") */
    --emm-mel: #C99A3E;

    /* Mel escuro — hover/active, bordas de contraste sobre fundos claros */
    --emm-mel-escuro: #9B751E;

    /* Mel claro — fundos de badge/tag, bordas de destaque suave */
    --emm-mel-claro: #EFD9A8;

    /* Creme — background principal de página */
    --emm-fundo-pagina: #FAF6EF;

    /* Branco — background de cards/superfícies elevadas */
    --emm-fundo-card: #FFFFFF;

    /* Bege claro — bordas sutis */
    --emm-borda: #E5DCC8;

    /* Bege acinzentado — texto terciário, datas, metadados */
    --emm-texto-terciario: #A39D8F;

    /* Verde claro — fundos de badge secundário, cards de estatística */
    --emm-verde-claro-fundo: #E4E5D3;

    /* Verde claro suave — variação mais clara do mesmo tom */
    --emm-verde-claro-fundo-suave: #F0F1E5;

    /* Vermelho erro — texto de mensagem de validação/falha */
    --emm-erro-texto: #B71C1C;

    /* Vermelho erro — background de mensagem de validação/falha */
    --emm-erro-fundo: #FFEBEE;

    /* Vermelho erro — borda de mensagem de validação/falha */
    --emm-erro-borda: #FFCDD2;


    /* =========================================================
       Tipografia
       ========================================================= */

    /* Fonte serifada — títulos, citações, nome do falecido, epitáfios */
    --emm-fonte-serifada: Georgia, "Times New Roman", serif;

    /* Fonte sans-serif — corpo de texto, botões, labels, formulários */
    --emm-fonte-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;


    /* =========================================================
       Espaçamento
       ========================================================= */

    --emm-espaco-xs: 4px;
    --emm-espaco-sm: 8px;
    --emm-espaco-md: 16px;
    --emm-espaco-lg: 24px;
    --emm-espaco-xl: 40px;


    /* =========================================================
       Bordas
       ========================================================= */

    --emm-radius-sm:   6px;
    --emm-radius-md:   10px;
    --emm-radius-lg:   14px;
    --emm-radius-pill: 999px;


    /* =========================================================
       Sombras
       ========================================================= */

    /* Sombra leve para cards — sutil, reforça leveza visual */
    --emm-sombra-card: 0 1px 3px rgba(0, 0, 0, 0.04);


    /* =========================================================
       Overlays
       ========================================================= */

    /* Preto puro — fundo da área de recorte (crop modal) */
    --emm-preto: #000000;

    /* Fundo escuro de modal (backdrop) */
    --emm-overlay-modal: rgba(0, 0, 0, 0.72);

    /* Hover sobre preview de foto — usa oliva-escuro (#565A3D) com opacidade */
    --emm-overlay-foto-hover: rgba(86, 90, 61, 0.55);

}