/* =============================================
   CODELAND — CUSTOM OVERRIDES
   Paleta verde oscuro / gris profundo
   ============================================= */

:root {
    /* Paleta oficial Codeland */
    --color-primary:        #27ae60;   /* verde principal */
    --color-primary-dark:   #1a5c2e;   /* verde oscuro */
    --color-primary-deep:   #0c331a;   /* verde muy oscuro (hero, gradientes) */
    --color-primary-light:  #7fc367;   /* verde claro (acentos) */
    --color-primary-hover:  #219a52;   /* hover en botones */

    --color-gray-dark:      #1e2830;   /* secciones tech / oscuras */
    --color-gray-section:   #111c14;   /* secciones muy oscuras */
    --color-bg-soft:        #f0f7f2;   /* fondo suave secciones alternas */
    --color-bg-card:        #ffffff;

    --color-text-on-dark:   #e8f5e9;
    --color-text-muted-dark:#a8d5b5;
    --color-text-body:      #1a2921;
    --color-text-muted:     #4b6553;

    --color-orange:         #f07c33;   /* acento naranja */
    --color-border:         #e0ede4;
}

/* --- Navbar --- */
.navbar-container {
    background-color: var(--color-primary-dark) !important;
    color: #fff;
}

/* --- Botones Bootstrap override --- */
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.btn-primary:hover {
    background-color: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
}

.btn-outline-primary {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--color-primary) !important;
    color: #fff !important;
}

/* --- Color marca --- */
.color-marca {
    color: var(--color-primary);
}

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

/* --- WhatsApp button --- */
.btn-what {
    background-color: #25d366;
    color: #fff;
    border: none;
}

.btn-what:hover {
    background-color: #20b858;
    color: #fff;
}