/* Carregar 2º dos 5 (depois de framework.css) — ordem completa documentada
   em style.css. */

/* ================================================================
   ROOT / VARIÁVEIS — PLACEHOLDER copiado do project005 (Meu Almoço)
   ================================================================
   project008: paleta herdada do project005 a pedido do dono (README.md,
   "Identidade visual") até existir a identidade do Meu Cardápio. As
   MESMAS cores estão repetidas no CSS inline do cardápio público
   (application/src/service/cardapio-publico/layout-publico.js) — trocar
   nos dois lugares. Texto original do project005 abaixo:

   ================================================================
   --primary e --secondary (verde-oliva) vêm da paleta aprovada em conversa
   pra logo/identidade do Meu Almoço (ver README.md, seção "Identidade
   visual") e de template-desktop.jpeg/template-mobile.png (uso real:
   --primary nos CTAs principais/preço/metade do título do hero,
   --secondary nos títulos de seção/ícones/CTA de WhatsApp).
   --primary foi ajustado depois pra um vermelho-alaranjado mais vivo (era
   terracota/laranja queimado #D97A4E) — pedido em conversa, referência foi
   o próprio texto/botão em destaque no hero. Reflita essa mudança na logo
   também quando ela for regerada, pra não ficar dessincronizada do resto
   do site.
   --primary-dark/--secondary-dark são a tonalidade mais escura de cada cor
   (hover de botão); --text-muted fica neutro pro texto secundário não
   competir com as cores de marca; os 4 "-light" (status) não são da
   identidade visual, são só estado de formulário (sucesso/aviso/erro/info)
   — mantidos neutros de propósito, sem relação com a paleta da marca. */

:root {
    /* 2º ajuste (1º deixou vermelho escuro demais — clareado de volta um
       pouco, mantendo mais "vermelho puro" que o valor original
       #E14A25). Histórico: #E14A25 -> #DE3F1F -> #E8442A. */
    --primary: #E8442A;
    --primary-dark: #BA3622;

    --secondary: #4A6B32;
    --secondary-dark: #3B5628;

    /* Verde de "check"/confirmação — pedido em conversa: os selos de
       checklist (".h2-kit-item-check") ficavam pesados demais com
       --secondary (verde-oliva escuro, cor de marca). Este é mais claro e
       leve, só pra esse tipo de ícone — diferente de --success, que
       continua reservado só pra estado de formulário (ver nota acima),
       não pra identidade visual. */
    --check: #4CAF6D;

    --success: #16A34A;
    --success-light: #DCFCE7;
    --warning: #F59E0B;
    --warning-light: #FEF3C7;
    --danger: #EF4444;
    --danger-light: #FEE2E2;
    --info: #3B82F6;
    --info-light: #DBEAFE;

    --white: #FFFFFF;
    --background: #FAF6F0;
    --border: #E8E1D6;

    --text: #2E2B22;
    --text-muted: #7A7263;
}