/* ============================================================
   Variáveis de marca geradas dinamicamente — versão 33
   NÃO editar manualmente: gerado por /css/brand.css.php
   ============================================================ */
:root {
    --brand-primary: #DD7A33;
    --brand-secondary: #3D2E22;
    --brand-accent: #F0A853;
    --brand-background: #27190D;
    --brand-text: #FFFFFF;
    --brand-button: #DD7A33;
    --brand-button-text: #12151A;
    --brand-menu: #3D2E22;
    --brand-footer: #3D2E22;
}

/* Classes utilitárias opcionais para novos componentes */
.brand-bg          { background-color: var(--brand-background) !important; }
.brand-bg-primary  { background-color: var(--brand-primary) !important; }
.brand-bg-menu     { background-color: var(--brand-menu) !important; }
.brand-bg-footer   { background-color: var(--brand-footer) !important; }
.brand-text        { color: var(--brand-text) !important; }
.brand-text-primary{ color: var(--brand-primary) !important; }
.brand-btn {
    background-color: var(--brand-button) !important;
    color: var(--brand-button-text) !important;
    border-color: var(--brand-button) !important;
}
.brand-btn:hover { filter: brightness(1.1); }
.brand-border    { border-color: var(--brand-primary) !important; }

/* Override das cores do tema SPA (ativado no painel White Label) */
body div#app {
    --theme-color-100: #f1caad !important;
    --theme-color-400: #e28e52 !important;
    --theme-color-500: #DD7A33 !important;
    --theme-color-600: #c26b2d !important;
    --theme-color-700: #a85d27 !important;
    --theme-color-800: #8d4e21 !important;
    --theme-color-900: #733f1b !important;
    --theme-color-gradient-100: linear-gradient(90deg, #e28e52 0%, #DD7A33 100%) !important;
    --theme-color-gradient-200: linear-gradient(90deg, #DD7A33 0%, #c26b2d 100%) !important;
    --theme-color-gradient-300: linear-gradient(180deg, #e28e52 0%, #a85d27 100%) !important;
    --theme-color-gradient-900: linear-gradient(180deg, #a85d27 0%, #733f1b 100%) !important;
}