@import "app.css";
@import "font.css";
@import "bootstrap-grid.min.css";

@import "libs/fontawesome/css/all.min.css";
/* ===== Tokens de cor / tema ===== */
:root {
    --brand: #6ea8fe;
    --brand-2: #5b8fd8;
    --accent: #a7c7f2;
    --cream: #f4f8fb;
    --text: #2e3d4f;
    /* Integração Bootstrap */
    --bs-body-color: var(--text);
    --bs-primary: var(--brand-2);
    --bs-link-color: var(--brand-2);
    --bs-link-hover-color: var(--brand);
}

/* ===== Utilitários mínimos ===== */
.text-brand {
    color: var(--brand-2) !important;
}

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

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

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

.bg-cream {
    background-color: var(--cream) !important;
}

.bg-accent {
    background-color: var(--accent) !important;
}

.bg-brand-2 {
    background-color: var(--brand-2) !important;
}

.text-light-50 {
    color: rgba(255,255,255,.75) !important;
}

.relative {
    position: relative !important;
    overflow: hidden;
    isolation: isolate;
}

.container {
    z-index: 0;
}

/* Botão primário no esquema da marca */
.btn-primary {
    --bs-btn-bg: var(--brand-2) !important;
    --bs-btn-border-color: var(--brand-2) !important;
    --bs-btn-hover-bg: var(--brand) !important;
    --bs-btn-hover-border-color: var(--brand) !important;
    --bs-btn-active-bg: var(--brand) !important;
    --bs-btn-active-border-color: var(--brand) !important;
}

/* Navbar toggler visível em bg-white */
.navbar-toggler {
    border-color: rgba(0,0,0,.1) !important;
}

.navbar-toggler-icon {
    filter: invert(35%);
}