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

/* ── DALIL : PALETTE « ATAY » ─────────────────────────────────────── */
/*                                                                      */
/*  Identité visuelle dalil -- valeur / confiance / Maroc.              */
/*  Vert émeraude (zellige, thé à la menthe) pour l'action, or laiton   */
/*  (souks, métal précieux) pour l'accent : le registre « valeur sûre » */
/*  qui sert un produit immobilier. Écrase la palette poesie par        */
/*  cascade CSS ; colors.css fait le mapping --ks-* → --bs-*            */
/*  automatiquement. Un produit ne surcharge QUE palette.css (jamais    */
/*  colors.css / style.css).                                            */
/* ─────────────────────────────────────────────────────────────────── */

:root {

    /* ── 1. Les 8 couleurs ───────────────────────────────────────── */

    --ks-emerald:     #0F7A56;   /* vert émeraude / zellige -- action       */
    --ks-brass:       #C49A2B;   /* or laiton -- accent, marque             */
    --ks-meadow:      #5FA12E;   /* vert pré -- succès, validation          */
    --ks-clay:        #B23A2E;   /* argile rouge -- danger, erreur          */
    --ks-amber:       #E08A1E;   /* ambre -- signal, attention              */
    --ks-teal:        #2E8FB0;   /* sarcelle -- info, technique             */
    --ks-ivory:       #F5F1E6;   /* ivoire / chaux -- fond clair            */
    --ks-night:       #0C1F18;   /* vert nuit -- fond sombre                */

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

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

    --ks-primary:       var(--ks-emerald);
    --ks-primary-rgb:   15, 122, 86;

    --ks-secondary:     var(--ks-brass);
    --ks-secondary-rgb: 196, 154, 43;

    --ks-success:       var(--ks-meadow);
    --ks-success-rgb:   95, 161, 46;

    --ks-danger:        var(--ks-clay);
    --ks-danger-rgb:    178, 58, 46;

    --ks-warning:       var(--ks-amber);
    --ks-warning-rgb:   224, 138, 30;

    --ks-info:          var(--ks-teal);
    --ks-info-rgb:      46, 143, 176;

    /* ── 3. Forme ─────────────────────────────────────────────────── */

    --ks-border-radius: 0.375rem;   /* Bootstrap défaut */

    /* ── 4. Logo typographique ────────────────────────────────────── */

    --ks-brand-accent:  var(--ks-brass);
}

[data-bs-theme="dark"] {
    --ks-brand-accent:  color-mix(in srgb, var(--ks-brass) 80%, white);
}

/* ── Contraste : texte sombre sur couleurs claires/vives (WCAG AA) ── */
/*  L'or laiton, l'ambre, le vert pré et la sarcelle sont trop clairs   */
/*  pour du texte blanc -> on impose le vert nuit.                      */

.btn-secondary,
.btn-success,
.btn-warning,
.btn-info {
    --bs-btn-color: var(--ks-night);
    --bs-btn-hover-color: var(--ks-night);
    --bs-btn-active-color: var(--ks-night);
}

.alert-secondary,
.alert-success,
.alert-warning,
.alert-info {
    --bs-alert-color: var(--ks-night);
}