/* Estilos dinâmicos baseados nas configurações do banco */

:root {
    --brand-yellow: #FDE047;
    --brand-dark: #1F2937;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--brand-dark);
}

.font-display {
    font-family: 'Bebas Neue', sans-serif;
}

.text-brand-yellow {
    color: var(--brand-yellow);
}

.text-brand-dark {
    color: var(--brand-dark);
}

.bg-brand-yellow {
    background-color: var(--brand-yellow);
}

.bg-brand-dark {
    background-color: var(--brand-dark);
}

.shadow-brand-yellow\/30:hover {
    box-shadow: 0 10px 15px -3px #FDE0474D, 0 4px 6px -2px #FDE0471A;
}

.focus\:ring-brand-yellow:focus {
    --tw-ring-color: var(--brand-yellow);
}
/* Adicione outras classes que dependam das cores aqui */