/* ============================================================================
   KinéScribe App — Design Tokens
   ----------------------------------------------------------------------------
   Source de vérité des variables CSS de l'application kinescribe-app.
   Le bloc :root inline dans index.html duplique ces valeurs en fallback,
   pour que l'app reste fonctionnelle même si ce fichier ne charge pas.
   Toute modification de valeur doit être répercutée dans les deux endroits.
   ============================================================================ */

:root {
  /* ── Couleurs de fond ── */
  --bg:        #0F1117;            /* fond global */
  --panel:     #171B26;            /* panneau latéral / surface 1 */
  --panel-2:   #1E2235;            /* surface 2 (modale, sous-panel) */
  --card:      #1E2235;            /* card par défaut */
  --card-h:    #252A42;            /* card hover */

  /* ── Couleurs de texte ── */
  --white:     #FFFFFF;
  --t1:        #F0EDE8;            /* texte principal */
  --t2:        #B8B4AE;            /* texte secondaire */
  --t3:        #757068;            /* texte muted */
  --t4:        #4A4640;            /* texte faint (placeholders, disabled) */

  /* ── Couleurs sémantiques (success, accent, danger, warn, info) ── */
  --green:     #2ECC8F;            /* success / action principale */
  --green-h:   #3EDDA0;            /* success hover */
  --green-d:   #1A7A56;            /* success enfoncé / focus */
  --green-bg:  rgba(46, 204, 143, 0.08);  /* fond success teinté */
  --green-br:  rgba(46, 204, 143, 0.3);   /* bordure success teintée */

  --accent:    #E07A40;            /* accent secondaire (orange MKDE) */
  --accent-bg: rgba(224, 122, 64, 0.12);
  --accent-br: rgba(224, 122, 64, 0.3);

  --danger:    #E0655A;            /* erreur / destructif */
  --warn:      #E8B840;            /* avertissement */
  --info:      #5BA9F0;            /* information */

  /* ── Bordures ── */
  --border:    #2A3050;            /* bordure standard */
  --border-h:  #3A4170;            /* bordure hover */

  /* ── Document (zone rendu du document généré) ── */
  --doc-bg:    #FFFFFF;
  --doc-ink:   #1A1714;            /* titre document */
  --doc-body:  #2A2520;            /* corps document */
  --doc-mute:  #888;               /* texte muted document */
  --doc-line:  #E8E4DE;            /* séparateur document */

  /* ── Easing & transitions ── */
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
}