/* ============================================================
   Variáveis de marca geradas dinamicamente — versão 29
   NÃO editar manualmente: gerado por /css/brand.css.php
   ============================================================ */
:root {
    --brand-primary: #FF5900;
    --brand-secondary: #1A1A1A;
    --brand-accent: #F5C84C;
    --brand-background: #121212;
    --brand-text: #FFFFFF;
    --brand-button: #FF5900;
    --brand-button-text: #FFFFFF;
    --brand-menu: #1E1E1E;
    --brand-footer: #0D0D0D;
}

/* 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: #ffbd99 !important;
    --theme-color-400: #ff7226 !important;
    --theme-color-500: #FF5900 !important;
    --theme-color-600: #e04e00 !important;
    --theme-color-700: #c24400 !important;
    --theme-color-800: #a33900 !important;
    --theme-color-900: #852e00 !important;
    --theme-color-gradient-100: linear-gradient(90deg, #ff7226 0%, #FF5900 100%) !important;
    --theme-color-gradient-200: linear-gradient(90deg, #FF5900 0%, #e04e00 100%) !important;
    --theme-color-gradient-300: linear-gradient(180deg, #ff7226 0%, #c24400 100%) !important;
    --theme-color-gradient-900: linear-gradient(180deg, #c24400 0%, #852e00 100%) !important;
}