/* MANAGER V2 — LES JETONS DE LA CHARTE (JM, 09/10). COPIE du bloc :root d'ARGUS.css (dossier Eloi, 01_REFERENCES VALIDEES/
   INFO DESIGN : la valeur effective de chaque jeton des maquettes VF_02 / VF_03). La source unique des couleurs, tailles de texte,
   graisses, espacements, rayons, ombres et durees de Manager V2 : la coquille (manager-shell.css), la charte des listes
   (mv2-charte.css) et les widgets fonctionnels (mv2-functional.css) les lisent ; l'Admin les charge pour l'apercu des widgets
   dans son compositeur.
   Deux exceptions, et pourquoi : --bg (le fond de page) reste dans manager-shell.css avec les reglages de la coquille — l'Admin a
   son propre --bg, que ce fichier ne doit pas ecraser ; les --marque-* (bande de marque d'ARGUS) ne servent pas, la marque de
   Manager V2 se regle dans l'Admin (ManagerShellStyle). */
:root{
  /* couleurs de surface et de texte */
  --panel:#ffffff;
  --panel-alt:#fbfbfc;
  --text:#15151a;
  --muted:#6b6b74;
  --muted-2:#94949c;

  /* les deux filets : --line-soft borde les cartes, --line separe et encadre */
  --line:#e7e7eb;
  --line-soft:#eeeef1;

  /* la marque. --argus-dark ne sert qu au survol et aux bordures */
  --argus:#a6192e;
  --argus-dark:#88131f;

  /* etats. Seuls good / warn / bad servent vraiment */
  --good:#178a56;
  --good-bg:#eaf9f1;
  --warn:#b4600a;
  --warn-bg:#fff6e9;
  --bad:#d5271f;
  --bad-bg:#fdecec;
  --upcoming:#8a8a92;
  --upcoming-bg:#f1f1f3;
  --progress:#3457a6;
  --progress-bg:#eef2fa;
  --action:#4a4a52;
  --action-bg:#f1f1f3;

  /* echelle de taille de texte */
  --text-3xs:8px;
  --text-2xs:9px;
  --text-xs:10px;
  --text-sm:11px;
  --text-base:12px;
  --text-md:13px;
  --text-lg:14px;
  --text-xl:16px;
  --text-2xl:19px;
  --text-3xl:22px;
  --text-4xl:26px;
  --text-5xl:32px;
  --text-hero:44px;

  /* graisses : 600 bouton, 700 valeur, 800 titre */
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-extrabold:800;

  /* espacement : multiples de 4. --space-6 est le retrait de reference */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;

  /* rayons : cinq jetons pour une seule valeur */
  --radius-lg:8px;
  --radius:8px;
  --radius-sm:8px;
  --radius-xs:8px;
  --radius-md:8px;

  /* ombres */
  --shadow-sm:0 1px 2px rgba(15,15,20,.04);
  --shadow-md:0 14px 32px -14px rgba(15,15,20,.16),0 2px 6px rgba(15,15,20,.05);
  --shadow-lg:0 26px 64px -18px rgba(15,15,20,.22);

  /* mouvement. 0 @keyframes dans tout le produit : que des transitions */
  --ease:cubic-bezier(.2,.7,.3,1);
  --dur-fast:120ms;
  --dur-base:180ms;
  --dur-slow:240ms;

  /* pilotes par JS a l execution — ci-dessous la valeur de repli seule */
  --size-icon-sm:28px;
  --size-icon-md:33px;
  --size-icon-lg:37px;
  --size-avatar-sm:30px;
  --size-avatar-md:36px;
  --v-card-radius:var(--radius-lg);
  --v-control-radius:var(--radius-xs);
  --v-card-border:var(--line-soft);
  --v-row-border:var(--line-soft);
  --v-hover:var(--panel-alt);
  --v-muted:var(--muted);
  --v-text:var(--text);

  /* pas dans ARGUS.css : la police de Manager V2, celle du systeme (la charte : pas de police web). Ici et pas dans la coquille :
     l'apercu des widgets dans l'Admin, qui affiche ses pages en Inter, doit avoir les memes largeurs de texte que Manager V2. */
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
}