/* ============================================================
   Variáveis de marca geradas dinamicamente — versão 27
   NÃO editar manualmente: gerado por /css/brand.css.php
   ============================================================ */
:root {
    --brand-primary: #F7B928;
    --brand-secondary: #1A0B2E;
    --brand-accent: #E0308F;
    --brand-background: #1A0B2E;
    --brand-text: #FFF6E5;
    --brand-button: #F7B928;
    --brand-button-text: #1A0B2E;
    --brand-menu: #2A1345;
    --brand-footer: #12071F;
}

/* 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: #fce3a9 !important;
    --theme-color-400: #f8c448 !important;
    --theme-color-500: #F7B928 !important;
    --theme-color-600: #d9a323 !important;
    --theme-color-700: #bc8d1e !important;
    --theme-color-800: #9e761a !important;
    --theme-color-900: #806015 !important;
    --theme-color-gradient-100: linear-gradient(90deg, #f8c448 0%, #F7B928 100%) !important;
    --theme-color-gradient-200: linear-gradient(90deg, #F7B928 0%, #d9a323 100%) !important;
    --theme-color-gradient-300: linear-gradient(180deg, #f8c448 0%, #bc8d1e 100%) !important;
    --theme-color-gradient-900: linear-gradient(180deg, #bc8d1e 0%, #806015 100%) !important;
}