/* ============================================================
   VECTA — Design tokens (variables CSS partagées)
   Fichier : shared/styles/tokens.css
   Source UNIQUE des couleurs / rayons / ombres.
   Ne jamais redéfinir ces variables dans un CSS de module :
   si une valeur doit changer, elle change ICI pour tout Vecta.
   (superset : réunit toutes les variables trouvées dans les 5
   anciens fichiers auth/dashboard/market/build/parametres)
   ============================================================ */

:root {
  /* ---- Palette officielle Vecta : blanc + bleu ---- */
  --vecta-blue:       #1D3E8C;
  --vecta-blue-dark:  #142B63;
  --vecta-blue-light: #2E55B8;
  --vecta-blue-pale:  #EEF2FB;   /* fond très clair teinté bleu, pour hover/surfaces */

  /* ---- Thème clair ---- */
  --bg:             #EDEFF4;      /* fond général — blanc grisé, moins frappant */
  --surface:        #E4E8F0;      /* cartes, panneau illustration */
  --text:           #131A2B;      /* texte principal, presque noir bleuté */
  --text-secondary: #4B5468;
  --text-muted:     #8A93A6;
  --border:         #C7CEDC;      /* lignes/séparateurs plus foncés */
  --success:        #10B981;
  --success-pale:   #E4F7EF;
  --danger:         #D9285F;
  --shadow-sm:      0 1px 2px 0 rgba(20,30,60,.06);
  --shadow-md:      0 12px 32px rgba(20,30,60,.14);
  --radius:         8px;
  --radius-md:      12px;
  --radius-lg:      16px;

  /* ---- Sidebar (dashboard) ---- */
  --sidebar-bg:       #142B63;
  --sidebar-hover:    #1D3E8C;
  --sidebar-text:     #C7D2EC;
  --sidebar-text-dim: #8093C4;
  --sidebar-w:        248px;
}