/* =====================================================
   BK — Couleurs globales
   Source de vérité pour toutes les couleurs (customer, admin, guest).
   Remplace palette.css (déplacé dans backups/).
   Charger EN PREMIER dans chaque layout.
   ===================================================== */

:root {

	/* ── Noms template (neobank) — utilisés par customer ── */
	--ink:              #101713;
	--ink-2:            #1b2720;
	--paper:            #f3f0e8;
	--surface:          #fffefa;
	--line:             #d9d6cd;
	--line-strong:      #bcb9b0;
	--muted:            #6f746f;
	--muted-2:          #92968f;
	--signal:           #d8ff54;
	--signal-deep:      #bddf38;
	--teal:             #0c6c58;
	--teal-soft:        #d9eee7;
	--coral:            #d9674a;
	--coral-soft:       #f5dfd8;
	--warning:          #9a6517;
	--warning-soft:     #f6e8c8;
	--white:            #fff;
	--green:            #2a8c5a;
	--soft-green:       #d4eddf;
	--focus:            #0c6c58;
	--shadow-float:     0 18px 50px rgba(16, 23, 19, .12);
	--sidebar-width:    278px;
	--topbar-height:    76px;
	--s1:               .25rem;
	--s2:               .5rem;
	--s3:               .75rem;
	--s4:               1rem;
	--s5:               1.25rem;
	--s6:               1.5rem;
	--s8:               2rem;
	--s10:              2.5rem;
	--s12:              3rem;
	--s16:              4rem;
	--radius-sm:        8px;
	--radius-md:        14px;
	--radius-lg:        24px;
	--radius-xl:        34px;
	--radius-pill:      999px;
	--divider:          #e8e6de;
	--shadow-card:      0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
	--transition:       150ms ease;
	--content-width:    1240px;
	--s20:              5rem;
	--s24:              6rem;

	/* ── Alias --bk-* (ex palette.css) — mêmes valeurs, noms historiques conservés ── */
	--bk-primary:          var(--teal);
	--bk-primary-rgb:      12, 108, 88;
	--bk-primary-hover:    #0a5a49;
	--bk-primary-soft:     var(--teal-soft);

	--bk-accent:           var(--signal);
	--bk-accent-deep:      var(--signal-deep);
	--bk-accent-rgb:       216, 255, 84;

	--bk-bg-page:          var(--paper);
	--bk-bg-surface:       var(--surface);
	--bk-bg-dark:          var(--ink);
	--bk-bg-dark-2:        var(--ink-2);

	--bk-text:             var(--ink);
	--bk-text-secondary:   #374151;
	--bk-text-muted:       var(--muted);
	--bk-text-muted-2:     var(--muted-2);
	--bk-text-on-dark:     var(--paper);

	--bk-border:           var(--line);
	--bk-border-strong:    var(--line-strong);
	--bk-divider:          #e8e6de;
	--bk-border-dark:      #354039;

	--bk-positive:         var(--teal);
	--bk-positive-soft:    var(--teal-soft);
	--bk-negative:         var(--coral);
	--bk-negative-soft:    var(--coral-soft);
	--bk-negative-rgb:     217, 103, 74;

	--bk-warning:          var(--warning);
	--bk-warning-soft:     var(--warning-soft);

	--bk-badge-success-bg: var(--teal-soft);
	--bk-badge-success-fg: var(--teal);
	--bk-badge-pending-bg: var(--warning-soft);
	--bk-badge-pending-fg: var(--warning);
	--bk-badge-danger-bg:  var(--coral-soft);
	--bk-badge-danger-fg:  #c0432c;
	--bk-badge-neutral-bg: #e8e6de;
	--bk-badge-neutral-fg: #5e6260;

	--bk-radius:           6px;
	--bk-radius-lg:        var(--radius-lg);
	--bk-radius-pill:      999px;
	--bk-transition:       150ms ease;
	--bk-shadow-float:     -4px 0 24px rgba(0, 0, 0, 0.10);
}