/* Palette de couleurs du portail et du back-office : seule source des couleurs.
   Les vues n'utilisent que ces variables ; les emails gardent des valeurs
   hexadécimales, que les clients mail exigent, prises dans cette palette. */
:root {
  /* Neutres (gris ardoise) */
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1e293b;
  --gray-900: #0f172a;
  --white: #ffffff;

  /* Marque */
  --navy: #1e3a5f;
  --navy-dk: #132540;
  --navy-lt: #e8edf5;

  /* orange */
  --orange-50: #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-300: #fdba74;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-900: #7c2d12;

  /* amber */
  --amber-50: #fffbeb;
  --amber-100: #fef3c7;
  --amber-200: #fde68a;
  --amber-300: #fcd34d;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-700: #b45309;
  --amber-800: #92400e;
  --amber-900: #78350f;

  /* green */
  --green-50: #f0fdf4;
  --green-100: #dcfce7;
  --green-200: #bbf7d0;
  --green-300: #86efac;
  --green-600: #16a34a;
  --green-700: #15803d;
  --green-900: #14532d;

  /* emerald */
  --emerald-600: #059669;

  /* teal */
  --teal-50: #f0fdfa;
  --teal-100: #ccfbf1;
  --teal-200: #99f6e4;
  --teal-600: #0d9488;
  --teal-700: #0f766e;
  --teal-900: #134e4a;

  /* cyan */
  --cyan-600: #0891b2;

  /* blue */
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;

  /* indigo */
  --indigo-100: #e0e7ff;
  --indigo-700: #4338ca;

  /* violet */
  --violet-50: #f5f3ff;
  --violet-100: #ede9fe;
  --violet-600: #7c3aed;
  --violet-700: #6d28d9;
  --violet-900: #4c1d95;

  /* purple */
  --purple-100: #f3e8ff;
  --purple-600: #9333ea;
  --purple-700: #7e22ce;

  /* pink */
  --pink-500: #ec4899;

  /* rose */
  --rose-100: #ffe4e6;
  --rose-700: #be123c;

  /* red */
  --red-50: #fef2f2;
  --red-100: #fee2e2;
  --red-200: #fecaca;
  --red-300: #fca5a5;
  --red-400: #f87171;
  --red-600: #dc2626;
  --red-700: #b91c1c;

  /* Couleurs nommées : choix proposés dans l'administration (orange, green,
     navy, yellow, red, teal, purple), en teinte, claire (-lt) et foncée (-dk). */
  --orange: var(--orange-500);
  --orange-dk: var(--orange-700);
  --orange-lt: var(--orange-50);
  --green: var(--green-600);
  --green-dk: var(--green-700);
  --green-lt: var(--green-100);
  --yellow: var(--amber-500);
  --yellow-dk: var(--amber-700);
  --yellow-lt: var(--amber-100);
  --red: var(--red-600);
  --red-dk: var(--red-700);
  --red-lt: var(--red-100);
  --teal: var(--teal-600);
  --teal-dk: var(--teal-700);
  --teal-lt: var(--teal-100);
  --purple: var(--violet-600);
  --purple-dk: var(--violet-700);
  --purple-lt: var(--violet-100);
}