/* =============================================================================
   Reverchon'Digital — Jetons de couleur
   Ancrés sur la charte : brique #77170A, encre #131313, blanc cassé #F2F2F2.
   Échelle étendue, neutres chauds et accent argile/pêche issus des illustrations.
   Les valeurs sémantiques reprennent les teintes réelles du back-office.
   ========================================================================== */

:root {
  /* ---- Brique (couleur primaire de marque) ---------------------------- */
  --brick-50:  #FBF0ED;
  --brick-100: #F6DDD7;
  --brick-200: #EBB3A8;
  --brick-300: #DC8576;
  --brick-400: #C0392B;
  --brick-500: #A82C18;
  --brick-600: #8E2010;
  --brick-700: #77170A;   /* primaire de marque */
  --brick-800: #5E1206;
  --brick-900: #420C03;

  /* ---- Encre / neutres chauds ----------------------------------------- */
  --ink-950: #0D0D0D;
  --ink-900: #131313;     /* noir de marque */
  --ink-800: #232220;
  --ink-700: #3A3835;
  --ink-600: #57534E;
  --ink-500: #78716B;
  --ink-400: #A8A29C;
  --ink-300: #D6D2CC;
  --ink-200: #E7E3DD;
  --ink-100: #F2F2F2;     /* blanc cassé de marque */
  --ink-50:  #FAFAF8;
  --white:   #FFFFFF;

  /* ---- Argile / sable (accent issu des illustrations) ----------------- */
  --clay-100: #FBEADD;
  --clay-300: #F3C9A8;
  --clay-500: #E8A87C;
  --sand-400: #C9B7A8;

  /* ---- Statuts (accordés au chaud de la brique) ----------------------- */
  --success-bg: #E4F0E9;  --success: #2E7D5B;  --success-strong: #1F5C42;
  --warning-bg: #FAEDD9;  --warning: #B8741F;  --warning-strong: #8A560F;
  --error-bg:   #FBE4E2;  --error:   #B3261E;  --error-strong:   #861812;
  --info-bg:    #E6EEF6;  --info:    #3A6EA5;  --info-strong:    #295A82;

  /* ================= Alias sémantiques ================================= */
  /* Surfaces — le back-office repose sur un sable chaud, cartes blanches.  */
  --color-bg:             #EFEAE2;   /* fond d'application (sable chaud) */
  --color-surface:        var(--white);
  --color-surface-sunken: #F4EFE8;
  --color-surface-inverse:var(--ink-900);
  --color-surface-brand:  var(--brick-700);

  /* Texte */
  --text-primary:   var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-tertiary:  var(--ink-500);
  --text-muted:     var(--ink-400);
  --text-inverse:   var(--ink-100);
  --text-brand:     var(--brick-700);
  --text-on-brand:  #FCEFEA;

  /* Bordures (valeurs réelles du back-office) */
  --border-subtle: #ECE6DD;   /* bordure de carte */
  --border:        #D6D2CC;   /* bordure de champ */
  --border-strong: var(--ink-400);
  --border-brand:  var(--brick-700);
  --divider:       #F0ECE5;   /* séparateur clair */
  --divider-soft:  #F4F1EC;   /* séparateur très clair */

  /* Interactif primaire */
  --primary:        var(--brick-700);
  --primary-hover:  var(--brick-600);
  --primary-active: var(--brick-900);
  --primary-soft:   var(--brick-50);
  --on-primary:     #FCEFEA;

  /* Cartes douces ambrées (relances, IA) */
  --amber-surface: #FBF5EE;
  --amber-border:  #EBD9C2;

  /* Focus */
  --focus-ring: color-mix(in srgb, var(--brick-500) 55%, transparent);
}