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

/* ── RYLM : PALETTE « GRENAT & SARCELLE » ─────────────────────────── */
/*                                                                     */
/*  Identité visuelle rylm -- rigueur / confiance / progression.       */
/*  Base singulière, hors des territoires « maison » : bordeaux        */
/*  profond en action (rare, éditorial, « établi ») et sarcelle en     */
/*  accent (froid, à l'opposé de l'or partagé par les autres           */
/*  produits). Écrase la palette poesie par cascade ; colors.css fait  */
/*  le mapping des rôles vers Bootstrap. Un produit ne surcharge QUE   */
/*  palette.css. Règle d'or : définir les 8 couleurs ET assigner les   */
/*  rôles, sinon colors.css retombe sur la palette par défaut.         */
/* ─────────────────────────────────────────────────────────────────── */

:root {

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

    --ks-ivoire:      #F6F1EC;   /* ivoire chaud -- fond clair            */
    --ks-lie:         #1E1015;   /* lie de vin -- fond sombre, encre      */
    --ks-grenat:      #511726;   /* bordeaux profond -- action            */
    --ks-sarcelle:    #109AA6;   /* sarcelle -- accent, marque            */
    --ks-jade:        #2E9E6B;   /* jade -- succès, validation            */
    --ks-cerise:      #CF2E44;   /* cerise -- danger, erreur              */
    --ks-safran:      #E0A32E;   /* safran -- signal, attention           */
    --ks-azur:        #3E86C4;   /* azur -- info, technique               */

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

    --ks-surface-light: var(--ks-ivoire);
    --ks-surface-dark:  var(--ks-lie);

    --ks-primary:       var(--ks-grenat);
    --ks-primary-rgb:   81, 23, 38;

    --ks-secondary:     var(--ks-sarcelle);
    --ks-secondary-rgb: 16, 154, 166;

    --ks-success:       var(--ks-jade);
    --ks-success-rgb:   46, 158, 107;

    --ks-danger:        var(--ks-cerise);
    --ks-danger-rgb:    207, 46, 68;

    --ks-warning:       var(--ks-safran);
    --ks-warning-rgb:   224, 163, 46;

    --ks-info:          var(--ks-azur);
    --ks-info-rgb:      62, 134, 196;

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

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

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

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

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

/* ── Contraste : texte sombre sur les couleurs claires (WCAG AA) ──── */
/*  sarcelle, jade, safran et azur sont trop clairs pour du texte      */
/*  blanc -> on impose la lie de vin. grenat et cerise gardent le      */
/*  texte blanc (contraste suffisant).                                 */

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

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