/*
 * CSP-AMS — Thème applicatif (Phase 1/8)
 * Palette inspirée de l'identité du CSPPOG : bleu profond + turquoise.
 * Aucune chaîne de build : fichier statique servi directement (cadrage §4.4).
 */

:root {
    --csp-bleu: #0d3f63;
    --csp-bleu-fonce: #0a2f4b;
    --csp-turquoise: #128c8a;
    --csp-turquoise-clair: #d9f0ef;
}

body {
    background-color: #f4f7f9;
}

/* Barre de navigation */
.csp-navbar {
    background: linear-gradient(90deg, var(--csp-bleu-fonce), var(--csp-bleu));
}

/* Bandeau d'accueil */
.csp-hero {
    background: linear-gradient(135deg, var(--csp-bleu-fonce) 0%, var(--csp-bleu) 55%, var(--csp-turquoise) 100%);
    border-radius: 0 0 1.5rem 1.5rem;
    margin-top: -1.5rem; /* colle au bas de la navbar */
    padding: 1rem 0;
}

/* Icônes des cartes d'accueil */
.csp-icon {
    font-size: 1.8rem;
    color: var(--csp-turquoise);
    margin-bottom: 0.5rem;
}

/* Pied de page */
.csp-footer {
    background-color: var(--csp-bleu-fonce);
}

/* Boutons primaires : turquoise CSP */
.btn-primary {
    --bs-btn-bg: var(--csp-turquoise);
    --bs-btn-border-color: var(--csp-turquoise);
    --bs-btn-hover-bg: #0f7472;
    --bs-btn-hover-border-color: #0f7472;
    --bs-btn-active-bg: #0c6361;
    --bs-btn-active-border-color: #0c6361;
    --bs-btn-disabled-bg: var(--csp-turquoise);
    --bs-btn-disabled-border-color: var(--csp-turquoise);
}

/* Liens dans le texte */
a {
    color: var(--csp-turquoise);
    text-decoration: none;
}
a:hover {
    color: #0f7472;
    text-decoration: underline;
}

/* Liens de la navbar : contraste sur fond sombre */
.csp-navbar .nav-link { color: rgba(255, 255, 255, 0.85); }
.csp-navbar .nav-link:hover,
.csp-navbar .nav-link.active { color: #ffffff; }