/*
 * Copyright (c) 2025-2026.
 * kwargs SRL — Ingénierie logicielle, Bruxelles
 * Tous droits réservés.
 */

/* ── FORSA : PALETTE ─────────────────────────────────────────────── */
/*                                                                      */
/*  Identité visuelle FORSA — réseau des opportunités                   */
/*  forsa.network                                                       */
/*  Écrase la palette praxis par cascade CSS.                           */
/*                                                                      */
/* ─────────────────────────────────────────────────────────────────── */

:root {

    /* ── 1. Les 8 couleurs ──────────────────────────────────────── */
    /*                                                                */
    /*  Bleu confiance + or opportunité — pont Europe ↔ Afrique       */
    /*                                                                */

    --ks-ivory:       #f5f7fa;   /* ivoire bleuté — fond clair, neutre         */
    --ks-navy:        #0e1b2d;   /* marine profond — ancre sombre              */
    --ks-deep-blue:   #194F82;   /* bleu profond — confiance, autorité         */
    --ks-sky:         #56ACE0;   /* bleu ciel — ouverture, réseau              */
    --ks-gold:        #FFC10D;   /* or — opportunité, signal, forsa            */
    --ks-emerald:     #2a9d5c;   /* émeraude — réussite, validation            */
    --ks-coral:       #e04848;   /* corail — alerte, danger                    */
    --ks-slate:       #5a6f87;   /* ardoise — neutre, secondaire               */

    /* ── 2. Assignation des rôles ───────────────────────────────── */

    --ks-surface-light: var(--ks-ivory);
    --ks-surface-dark:  var(--ks-navy);

    --ks-primary:       var(--ks-deep-blue);
    --ks-primary-rgb:   25, 79, 130;

    --ks-secondary:     var(--ks-sky);
    --ks-secondary-rgb: 86, 172, 224;

    --ks-success:       var(--ks-emerald);
    --ks-success-rgb:   42, 157, 92;

    --ks-danger:        var(--ks-coral);
    --ks-danger-rgb:    224, 72, 72;

    --ks-warning:       var(--ks-gold);
    --ks-warning-rgb:   255, 193, 13;

    --ks-info:          var(--ks-sky);
    --ks-info-rgb:      86, 172, 224;

    /* ── 3. Logo typographique ──────────────────────────────────── */

    --ks-brand-accent:  var(--ks-deep-blue);
}

/* ── 4. Bouton brand-accent (adaptatif light/dark) ─────────── */

.btn-brand-accent {
    background: var(--ks-brand-accent) !important;
    color: #fff !important;
    border: none;
}
.btn-brand-accent:hover,
.btn-brand-accent:focus,
.btn-brand-accent:active {
    background: var(--ks-brand-accent) !important;
    color: #fff !important;
    opacity: .85;
}

[data-bs-theme="dark"] {
    --ks-brand-accent:  var(--ks-gold);
}
[data-bs-theme="dark"] .btn-brand-accent {
    color: var(--ks-navy) !important;
}
[data-bs-theme="dark"] .btn-brand-accent:hover,
[data-bs-theme="dark"] .btn-brand-accent:focus,
[data-bs-theme="dark"] .btn-brand-accent:active {
    color: var(--ks-navy) !important;
}