/* ============================================================
   Jazak Agent — Colors
   Palette « Iris » : violet électrique · corail · surfaces lilas
   Ramps d'abord, alias sémantiques en bas.
   ============================================================ */

:root {
  /* --- Surfaces lilas (light mode) --- */
  --lilac-0:   #FFFFFF;
  --lilac-50:  #FBFAFF;
  --lilac-100: #F4F1FE;
  --lilac-200: #EAE6F7;
  --lilac-300: #DDD8EF;

  /* --- Encre (légèrement teintée violet) --- */
  --ink-900: #16131F;
  --ink-800: #1F1B2E;
  --ink-700: #2E2A40;
  --ink-600: #4A4658;
  --ink-500: #6B6780;
  --ink-400: #8A8698;
  --ink-300: #B0ACBE;
  --ink-200: #D1CEDC;
  --ink-100: #EAE8F0;

  /* --- Violet (couleur de marque) --- */
  --violet-50:  #EEEAFF;
  --violet-100: #DDD6FF;
  --violet-200: #C4B8FF;
  --violet-300: #A490FF;
  --violet-400: #8568FF;
  --violet-500: #6B4DFF;   /* brand principal */
  --violet-600: #5538E0;
  --violet-700: #4027B8;
  --violet-800: #2D1A8A;
  --violet-900: #1C0E5C;
  --violet-950: #100830;

  /* --- Corail (accent, utilisé avec parcimonie) --- */
  --coral-50:  #FFF0EB;
  --coral-100: #FFE0D2;
  --coral-300: #FFBB9E;
  --coral-500: #FF8A5B;   /* accent — noyau du logo */
  --coral-600: #F06B36;
  --coral-700: #CC5220;

  /* --- Hues sémantiques --- */
  --green-50:  #E6F5EF;
  --green-500: #1FA971;   /* succès */
  --green-600: #178058;
  --red-100:   #FFE4DF;
  --red-500:   #E03B2A;
  --amber-100: #FEF3C7;
  --amber-500: #D97706;
  --teal-100:  #CFFAFE;
  --teal-500:  #0891B2;

  /* ============================================================
     ALIAS SÉMANTIQUES — utiliser ces variables dans les composants
     ============================================================ */

  /* Surfaces */
  --surface-canvas:     var(--lilac-50);    /* fond de page */
  --surface-card:       var(--lilac-0);     /* cartes élevées */
  --surface-sunken:     var(--lilac-100);   /* puits, inputs */
  --surface-inverse:    var(--ink-900);     /* sections sombres */
  --surface-brand:      var(--violet-500);
  --surface-brand-soft: var(--violet-50);

  /* Texte */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-faint:    var(--ink-400);
  --text-on-brand: #FFFFFF;
  --text-on-dark:  var(--lilac-50);
  --text-brand:    var(--violet-600);
  --text-accent:   var(--coral-600);
  --text-link:     var(--violet-600);

  /* Bordures */
  --border-subtle:  var(--lilac-200);
  --border-default: var(--lilac-300);
  --border-strong:  var(--ink-200);
  --border-brand:   var(--violet-500);
  --hairline:       color-mix(in oklab, var(--ink-900) 10%, transparent);

  /* Interactif */
  --brand:        var(--violet-500);
  --brand-hover:  var(--violet-600);
  --brand-active: var(--violet-700);
  --accent:       var(--coral-500);
  --accent-hover: var(--coral-600);
  --focus-ring:   color-mix(in oklab, var(--violet-500) 45%, transparent);

  /* Feedback */
  --success:    var(--green-500);
  --success-bg: var(--green-50);
  --warning:    var(--amber-500);
  --warning-bg: var(--amber-100);
  --danger:     var(--red-500);
  --danger-bg:  var(--red-100);
  --info:       var(--teal-500);
  --info-bg:    var(--teal-100);
}