:root {
    --ac-dark: #1b3039;
    --ac-teal: #19b59c;
    --ac-teal-dark: #10957f;
    --ac-light: #f5f9f8;
    --ac-text: #26363d;
}

* {
    box-sizing: border-box;
}

body {
    color: var(--ac-text);
    background: var(--ac-light);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Navbar */

.navbar.bg-primary {
    background-color: var(--ac-dark) !important;
}

.navbar {
    background: var(--ac-dark) !important;
}

/* Textos */

.text-primary {
    color: var(--ac-teal-dark) !important;
}

/* Bordas */

.border-primary {
    border-color: var(--ac-teal) !important;
}

/* Botão principal */

.btn-primary {
    background-color: var(--ac-teal) !important;
    border-color: var(--ac-teal) !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 12px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--ac-teal-dark) !important;
    border-color: var(--ac-teal-dark) !important;
    color: #fff !important;
}

/* Botão outline */

.btn-outline-primary {
    color: var(--ac-dark) !important;
    border: 2px solid var(--ac-dark) !important;
    border-radius: 12px;
    font-weight: 700;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--ac-dark) !important;
    border-color: var(--ac-dark) !important;
    color: #fff !important;
}

/* Cards */

.card {
    border-radius: 20px;
    border-color: #e5eeee;
}

.card.shadow {
    box-shadow: 0 8px 28px rgba(27, 48, 57, .08) !important;
}

/* Formulários */

.form-control:focus,
.form-select:focus {
    border-color: var(--ac-teal) !important;
    box-shadow: 0 0 0 .2rem rgba(25, 181, 156, .15) !important;
}

/* Tabelas */

.table-primary {
    --bs-table-bg: var(--ac-dark);
    --bs-table-color: #fff;
}

.table-primary th {
    background-color: var(--ac-dark) !important;
    color: #fff !important;
}

/* Links */

a {
    color: var(--ac-teal-dark);
}

a:hover {
    color: var(--ac-teal);
}

/* Responsivo */

@media (max-width: 575px) {

    .card-body {
        padding: 1rem;
    }

    .navbar-brand {
        font-size: 1.1rem;
    }

}


/* página contatos.html */

.card-header {
    background: var(--ac-dark) !important;
    color: #fff;
}

.btn-primary {
    background: var(--ac-teal);
    border-color: var(--ac-teal);
    color: #fff;
}

.btn-primary:hover {
    background: var(--ac-teal-dark);
    border-color: var(--ac-teal-dark);
    color: #fff;
}

.btn-secondary {
    background: var(--ac-dark);
    border-color: var(--ac-dark);
}