/* ============================================================================ ARMAZEM MARGARIDA - Camada de marca (v2) ---------------------------------------------------------------------------- COMO FUNCIONA: o tema Base e todo controlado por "tokens" (variaveis CSS). Aqui reescrevemos esses tokens com as cores da marca. Como este arquivo e carregado por ULTIMO no (ver layout.tpl), ele vence e recolore o tema INTEIRO de forma nativa: top bar, cabecalho, menu, botoes, precos, newsletter e rodape - em TODAS as paginas, sem quebrar nada. Para ajustar qualquer cor, mude o valor aqui embaixo. Nada de classe adivinhada: so trocamos os valores que o proprio tema ja usa. ============================================================================ */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,500;1,700&display=swap'); :root { /* ---- Paleta da marca (referencia) ---- */ --margarida-green: #4A6741; --margarida-green-dark: #2D3E29; --margarida-cream: #F7F3EC; --margarida-cream-2: #EFE7D8; --margarida-amber: #C8872A; --margarida-text: #2F2F2F; /* ---- TOKENS DO TEMA (sobrescritos) ---- */ /* Fundo e texto gerais */ --main-background: #FFFFFF; --main-foreground: #2F2F2F; /* Cor de destaque (links, precos, detalhes) */ --accent-color: #4A6741; /* Botoes */ --button-background: #4A6741; --button-foreground: #FFFFFF; /* Barra de anuncios (top bar) */ --primary-adbar-background: #2D3E29; --primary-adbar-foreground: #FFFFFF; --secondary-adbar-background: #4A6741; --secondary-adbar-foreground: #FFFFFF; /* Cabecalho */ --header-background: #FFFFFF; --header-foreground: #2D3E29; --header-badge-background: #C8872A; --header-badge-foreground: #FFFFFF; --header-search-btn-background: #4A6741; --header-search-btn-foreground: #FFFFFF; --header-desktop-utilities-background: #FFFFFF; --header-desktop-utilities-foreground: #2D3E29; /* Menu de navegacao (desktop) */ --header-desktop-nav-background: #F7F3EC; --header-desktop-nav-foreground: #2D3E29; --header-featured-link-foreground: #C8872A; /* Newsletter */ --newsletter-background: #EFE7D8; --newsletter-foreground: #2D3E29; /* Rodape */ --footer-background: #2D3E29; --footer-foreground: #FFFFFF; /* Variantes de opacidade do rodape (recalculadas p/ a nova cor) */ --footer-foreground-opacity-40: #FFFFFF66; --footer-foreground-opacity-60: #FFFFFF99; --newsletter-foreground-opacity-50: #2D3E2980; } /* ============================================================================ Toques estruturais leves (cantos arredondados) usando classes REAIS do tema. Mantido minimo de proposito para nao quebrar layout. ============================================================================ */ .btn, .btn-primary { border-radius: 10px; } /* Tipografia de titulos da marca (opcional, suave) */ h1, h2, h3, .h1, .h2, .h3 { font-family: 'Playfair Display', Georgia, serif; }