@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

:root {
    --cor-primaria-wl: #00a1e4;
    --cor-secundaria-wl: #343a40;
    --cor-fundo-escuro: #1a1a1a;
    --cor-fundo-claro: #f8f9fa;
    --cor-texto: #333;
    --fonte-principal: 'Questrial', sans-serif;
}

body {
    font-family: var(--fonte-principal);
    background-color: var(--cor-fundo-claro);
    color: var(--cor-texto);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    color: var(--cor-secundaria-wl);
}

a {
    color: var(--cor-primaria-wl);
}

a:hover {
    color: #007bb5;
}

.btn {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 5px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-primary {
    background-color: var(--cor-primaria-wl);
    border-color: var(--cor-primaria-wl);
}

.btn-primary:hover {
    background-color: #007bb5;
    border-color: #007bb5;
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.navbar-dark {
    background-color: var(--cor-fundo-escuro) !important;
}

.card.h-100 {
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

.card.h-100:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.card-title {
    color: var(--cor-primaria-wl);
}