/* === Color Schemes (via CSS variables) === */

/* Style par défaut: Orange + Navy Blue */
:root {
    --ws-primary: #ff7a00;              /* Orange */
    --ws-primary-rgb: 255,122,0;
    --ws-secondary: #02245b;            /* Navy */
    --ws-secondary-rgb: 2,36,91;

    --ws-text-on-primary: #ffffff;
    --ws-body-color: #5f656f;           /* ton ancien $secondary comme couleur de texte */

    --bs-tertiary-color:  #ff7a00;
    --bs-tertiary-hover: rgba(236, 166, 116, 0.88);
}

/* Luxury Industry: Argent + Noir */
.scheme-luxury {
    --ws-primary: #6d7579;              /* Silver/Metal */
    --ws-primary-rgb: 109,117,121;
    --ws-secondary: #000000;            /* Black */
    --ws-secondary-rgb: 0,0,0;

    --ws-text-on-primary: #ffffff;
    --ws-body-color: #6d7579;

    --bs-tertiary-color: rgba(200, 208, 211, 0.7);
    --bs-tertiary-hover: rgba(200, 208, 211, 0.7);
}

/* === Mapping variables → composants (Bootstrap + thèmes) === */

a { color: var(--ws-primary); }
a:hover, a:focus { color: var(--ws-primary) !important; }

.btn-primary {
    background-color: var(--ws-primary) !important;
    border-color: var(--ws-primary) !important;
    color: var(--ws-text-on-primary) !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: rgba(var(--ws-primary-rgb), .9) !important;
    border-color: rgba(var(--ws-primary-rgb), .9) !important;
}

.btn-outline-primary {
    color: var(--ws-primary) !important;
    border-color: var(--ws-primary) !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: var(--ws-primary) !important;
    color: var(--ws-text-on-primary) !important;
}

.bg-primary { background-color: var(--ws-primary) !important; }
.text-primary { color: var(--ws-primary) !important; }
.border-primary { border-color: var(--ws-primary) !important; }
.badge.bg-primary, .badge.text-bg-primary { background-color: var(--ws-primary) !important; }

.bg-secondary { background-color: var(--ws-secondary) !important; }
.text-secondary { color: var(--ws-secondary) !important; }
.border-secondary { border-color: var(--ws-secondary) !important; }

/* Liens de nav au survol/actif */
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--ws-primary) !important;
}

/* HERO overlay piloté par les variables (voir étape 3 pour le markup) */
.page-header { position: relative; color: #fff; }
.page-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            to right,
            rgba(var(--ws-secondary-rgb), 0.85),
            rgba(var(--ws-secondary-rgb), 0.35)
    );
}
.page-header > * { position: relative; }