/* public/assets/css/style.css */

:root {
    /* 🎨 Paleta de Cores (Inspirada no Tailwind) */
    --zk-neutral-900: #171717; /* Fundo do site */
    --zk-neutral-950: #0a0a0a; /* Fundo de cards e navbar */
    --zk-neutral-800: #262626; /* Bordas sutis */
    
    /* 🔴 Cor Oficial da Zendokan */
    --zk-red: #dc2626;         /* Vermelho principal */
    --zk-red-hover: #b91c1c;   /* Vermelho para hover de botões */

    /* 🔲 Bordas e Arredondamentos */
    --zk-radius-3xl: 1.5rem;
}

/* =========================================
   ESTILOS GLOBAIS
   ========================================= */
body {
    background-color: var(--zk-neutral-900) !important;
    font-family: system-ui, -apple-system, sans-serif;
}

/* =========================================
   CLASSES UTILITÁRIAS (Facades)
   ========================================= */
.bg-neutral-950 {
    background-color: var(--zk-neutral-950) !important;
}

.border-neutral-800 {
    border-color: var(--zk-neutral-800) !important;
}

.text-zendokan {
    color: var(--zk-red) !important;
}

.rounded-3xl {
    border-radius: var(--zk-radius-3xl) !important;
}

/* Bônus: Um botão customizado Zendokan, caso não queira usar o padrão do Bootstrap */
.btn-zendokan {
    background-color: var(--zk-red);
    color: white;
    border: none;
    transition: all 0.3s ease;
}

.btn-zendokan:hover {
    background-color: var(--zk-red-hover);
    color: white;
}