/* ════════════════════════════════════════════════════════════
   DESIGN TOKENS — Solutions CA / CADealer 2
   ────────────────────────────────────────────────────────────
   Source de vérité du thème de marque, extraite de l'application
   CAD2-Analytics (wwwroot/charte-couleurs.html).

   Règle d'or : 3 invariants de marque =
     1) le logo   2) l'accent orange  --brand-orange
     3) la famille marine  --brand-navy

   À terme, ce fichier a vocation à vivre dans un dépôt partagé
   (standards / ui-kit) et à être réutilisé par toutes les apps.
   ════════════════════════════════════════════════════════════ */
:root {
  /* MARQUE */
  --brand-navy:         #001952;   /* marine principal — titres forts        */
  --brand-navy-deep:    #0A0F27;   /* marine profond — titres, fonds sombres */
  --navy-surface:       #16223b;   /* surface élevée sur fond sombre          */
  --brand-orange:       #DC5C01;   /* accent — actifs, CTA, survols clés      */
  --brand-orange-hover: #B54A01;   /* survol de l'accent                      */
  --brand-teal:         #12769E;   /* secondaire — liens, accents froids      */
  --doc-link:           #5A9BD4;   /* lien éclairci (lisibilité)              */

  /* NEUTRES */
  --white:    #ffffff;
  --gray-50:  #f9f9f9;
  --gray-100: #f5f5f5;   /* fond de page / sections     */
  --gray-200: #e0e7ef;   /* bordures, séparateurs       */
  --gray-300: #d3d3d3;
  --gray-400: #aaaaaa;
  --gray-500: #888888;   /* texte secondaire / légendes */
  --gray-600: #555555;
  --gray-700: #333333;   /* texte principal             */
  --gray-900: #1a1a1a;
  --black:    #000000;

  /* BLEUS / TINTS */
  --blue-soft:  #c8d4e0;
  --blue-muted: #8fafc8;
  --tint-blue:  #eef3f8;
  --tint-teal:  #f0f4f7;

  /* ÉTATS */
  --warning:      #ff9900;
  --warning-bg:   #fff8ee;
  --warning-text: #5a2a00;
  --error:        #b22222;
  --error-bg:     #fff0f0;
  --error-border: #f5c6c6;

  /* TRANSPARENCES */
  --shadow-sm:       rgba(0, 0, 0, 0.05);
  --shadow-md:       rgba(0, 0, 0, 0.10);
  --overlay-dark:    rgba(0, 0, 0, 0.40);
  --overlay-light:   rgba(255, 255, 255, 0.72);
  --line-light:      rgba(255, 255, 255, 0.07);
  --teal-alpha-25:   rgba(18, 118, 158, 0.25);
  --teal-alpha-40:   rgba(18, 118, 158, 0.40);
  --navy-alpha-20:   rgba(0, 25, 82, 0.20);
  --navy-alpha-40:   rgba(0, 25, 82, 0.40);
  --orange-alpha-12: rgba(220, 92, 1, 0.12);

  /* DEVEXTREME (thème Fluent — accent natif des widgets) */
  --accent:          #5486ff;
  --accent-bg:       #eef2ff;
  --accent-bg-hover: #f5f7ff;

  /* DIMENSIONS */
  --radius:    8px;     /* rayon standard des composants */
  --topbar-h:  64px;    /* hauteur de la topbar de l'app */
}