@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
    --mc-bg: #0d0c0a;
    --mc-bg-soft: #151310;
    --mc-card: #1b1814;
    --mc-card-2: #242017;
    --mc-border: #5a3b22;
    --mc-border-soft: rgba(212, 160, 23, .28);
    --mc-gold: #d4a017;
    --mc-gold-light: #f1c75b;
    --mc-bronze: #8b5e1a;
    --mc-leather: #3a2618;
    --mc-text: #f5f1e8;
    --mc-muted: #b8aa91;
    --mc-green: #2f8f4e;
    --mc-red: #8f1f1f;
    --mc-shadow: 0 0 22px rgba(0,0,0,.42);
    --mc-glow: 0 0 20px rgba(212,160,23,.25);
}

html,
body {
    background:
        radial-gradient(circle at top, rgba(90,59,34,.28), transparent 42%),
        linear-gradient(135deg, #0d0c0a 0%, #11100e 48%, #21150d 100%) !important;
    color: var(--mc-text) !important;
    font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
}

h1, h2, h3, h4, h5,
.titulo, .page-title, .evento-title, .nome, .nome-evento,
.logo, .brand .motoclub, .brand .presenca {
    font-family: 'Cinzel', Georgia, serif !important;
    letter-spacing: .2px;
    color: var(--mc-text) !important;
    text-shadow: 0 2px 0 rgba(0,0,0,.45);
}

.logo span,
.brand .motoclub,
.topo h1,
.titulo h1 {
    color: var(--mc-gold-light) !important;
}

.topo {
    background: linear-gradient(135deg, #17130f 0%, #24170f 100%) !important;
    border-bottom: 3px solid var(--mc-gold) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.35);
}

.page,
.card,
.card-box,
.card-dashboard,
.card-menu,
.card-evento,
.evento-card,
.stat-card,
.mobile-item,
.painel,
.filtros-box,
.container-login,
.login-card,
.eventos-area,
.login-area {
    background: linear-gradient(145deg, var(--mc-card) 0%, #151310 100%) !important;
    border-color: var(--mc-border-soft) !important;
    box-shadow: var(--mc-shadow) !important;
}

.card-box,
.card-dashboard,
.card-menu,
.card-evento,
.evento-card,
.stat-card,
.mobile-item,
.painel,
.filtros-box {
    border-radius: 18px !important;
}

.card-evento:hover,
.evento-card:hover,
.card-box:hover,
.card-menu:hover,
.mobile-item:hover {
    border-color: var(--mc-gold) !important;
    box-shadow: var(--mc-glow) !important;
}

.table {
    --bs-table-bg: var(--mc-card) !important;
    --bs-table-color: var(--mc-text) !important;
    --bs-table-border-color: rgba(212,160,23,.20) !important;
    --bs-table-hover-bg: #241d14 !important;
    --bs-table-hover-color: var(--mc-text) !important;
}

.table thead th {
    color: var(--mc-gold-light) !important;
    border-bottom: 1px solid var(--mc-border-soft) !important;
}

.table tbody td {
    color: var(--mc-text) !important;
}

input,
.input,
.form-control,
.form-select,
textarea.form-control {
    background: #211d17 !important;
    color: var(--mc-text) !important;
    border: 1px solid rgba(212,160,23,.28) !important;
}

.input {
    color: var(--mc-text) !important;
}

input::placeholder,
.form-control::placeholder {
    color: #8f836f !important;
}

input:focus,
.input:focus,
.form-control:focus,
.form-select:focus,
textarea.form-control:focus {
    background: #211d17 !important;
    color: var(--mc-text) !important;
    border-color: var(--mc-gold) !important;
    box-shadow: 0 0 0 .2rem rgba(212,160,23,.22) !important;
    outline: none !important;
}

.form-select option {
    background: #211d17 !important;
    color: var(--mc-text) !important;
}

label,
.form-label,
.label {
    color: var(--mc-text) !important;
    font-weight: 600;
}

.linha,
.info,
.subtitulo,
.sub,
.dica,
.contador-filtro,
.footer {
    color: var(--mc-muted) !important;
}

.linha strong,
.info strong,
.mapa-ajuda strong {
    color: var(--mc-gold-light) !important;
}

.btn-vermelho,
.btn-danger,
.btn-primary,
.btn-editar,
.btn-detalhe,
.btn-login,
.btn-voltar,
.filtro-ano.ativo,
.tab-status.ativo {
    background: linear-gradient(135deg, var(--mc-gold), var(--mc-bronze)) !important;
    color: #15100a !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    font-weight: 800 !important;
}

.btn-vermelho:hover,
.btn-danger:hover,
.btn-primary:hover,
.btn-editar:hover,
.btn-detalhe:hover,
.btn-login:hover,
.btn-voltar:hover,
.filtro-ano:hover,
.tab-status:hover {
    background: linear-gradient(135deg, var(--mc-gold-light), var(--mc-gold)) !important;
    color: #15100a !important;
    box-shadow: var(--mc-glow) !important;
}

.btn-secondary,
.btn-outline-light,
.filtro-ano,
.tab-status {
    background: #282116 !important;
    color: var(--mc-text) !important;
    border: 1px solid rgba(212,160,23,.35) !important;
}

.btn-secondary:hover,
.btn-outline-light:hover {
    background: var(--mc-leather) !important;
    color: var(--mc-gold-light) !important;
    border-color: var(--mc-gold) !important;
}

.btn-success,
.btn-presenca,
.badge-aberto,
.badge-ativo,
.badge-ativa,
.badge-presente,
.status-aberto {
    background: var(--mc-green) !important;
    border:none !important;
    color:#fff !important;
}

.btn-warning,
.btn-drive {
    background: linear-gradient(135deg, var(--mc-gold-light), var(--mc-gold)) !important;
    color:#17100a !important;
    border:none !important;
    font-weight:800 !important;
}

.btn-whatsapp {
    background:#2f8f4e !important;
    color:#fff !important;
}

.badge,
.status,
.badge-status {
    font-weight: 800 !important;
    letter-spacing: .2px;
}

.status-finalizado,
.badge-finalizado,
.badge-inativa,
.badge-inativo {
    background: #6b6252 !important;
    color:#fff !important;
}

.status-cancelado,
.badge-cancelado,
.badge-ausente {
    background: var(--mc-red) !important;
    color:#fff !important;
}

.status-pendente,
.badge-justificado,
.badge-prospect {
    background: var(--mc-gold) !important;
    color:#111 !important;
}

.numero,
.stat-number {
    color: var(--mc-gold-light) !important;
    font-family: 'Cinzel', Georgia, serif !important;
}

.alerta,
.alert-danger {
    background: rgba(143,31,31,.18) !important;
    color:#ffd9d9 !important;
    border:1px solid rgba(143,31,31,.45) !important;
}

.alert-warning {
    background: rgba(212,160,23,.18) !important;
    color:#ffe7a4 !important;
    border:1px solid rgba(212,160,23,.45) !important;
}

.alert-success {
    background: rgba(47,143,78,.18) !important;
    color:#d6ffe1 !important;
    border:1px solid rgba(47,143,78,.45) !important;
}

.sem-foto,
.sem-capa,
.sem-eventos,
.vazio {
    background:#221c14 !important;
    border-color: rgba(212,160,23,.35) !important;
    color: var(--mc-muted) !important;
}

.capa,
.evento-foto,
.foto-evento,
.foto-modal,
.foto-preview,
.capa img {
    border-color: rgba(212,160,23,.35) !important;
}

.barra-presenca {
    background:#2b2419 !important;
    border-color: rgba(212,160,23,.35) !important;
}

a {
    color: var(--mc-gold-light);
}

a:hover {
    color: #fff0b8;
}

@media(max-width:768px) {
    .topo {
        border-bottom-width: 2px !important;
    }

    .btn {
        border-radius: 10px !important;
    }
}