/* ============================================================
   Variáveis de marca geradas dinamicamente — versão 31
   NÃO editar manualmente: gerado por /css/brand.css.php
   ============================================================ */
:root {
    --brand-primary: #7C4DFF;
    --brand-secondary: #2A1A66;
    --brand-accent: #F5C84C;
    --brand-background: #1E1352;
    --brand-text: #FFFFFF;
    --brand-button: #7C4DFF;
    --brand-button-text: #FFFFFF;
    --brand-menu: #2E1C70;
    --brand-footer: #140C3A;
}

/* 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: #cbb8ff !important;
    --theme-color-400: #9068ff !important;
    --theme-color-500: #7C4DFF !important;
    --theme-color-600: #6d44e0 !important;
    --theme-color-700: #5e3bc2 !important;
    --theme-color-800: #4f31a3 !important;
    --theme-color-900: #402885 !important;
    --theme-color-gradient-100: linear-gradient(90deg, #9068ff 0%, #7C4DFF 100%) !important;
    --theme-color-gradient-200: linear-gradient(90deg, #7C4DFF 0%, #6d44e0 100%) !important;
    --theme-color-gradient-300: linear-gradient(180deg, #9068ff 0%, #5e3bc2 100%) !important;
    --theme-color-gradient-900: linear-gradient(180deg, #5e3bc2 0%, #402885 100%) !important;
}