:root {
  --primary-color-50: #F4F6FA;
  --primary-color-100: #E8ECF3;
  --primary-color-200: #D9D9D9;
  --primary-color-300: #B4BCCB;
  --primary-color-400: #8A95AB;
  --primary-color-500: #64718B;
  --primary-color-600: #4A5770;
  --primary-color-700: #333F57;
  --primary-color-800: #1E2A45;
  --primary-color-900: #0D1A3A;
  --primary-color-950: #001440;
  --secondary-color-50: #EEF3FB;
  --secondary-color-100: #DAE3F3;
  --secondary-color-200: #B7C8E8;
  --secondary-color-300: #8FA9D9;
  --secondary-color-400: #5A82C4;
  --secondary-color-500: #2F5597;
  --secondary-color-600: #1C499A;
  --secondary-color-700: #0F238E;
  --secondary-color-800: #08216F;
  --secondary-color-900: #002060;
  --secondary-color-950: #001440;
  --create-button-color: #1C499A;
  --client-picker-color: #1C499A;
  --avatar-bg-color: #DAE3F3;
  --sidebar-bg-color: #002060;
  --bloc-1-bg-color: #002060;
  --bloc-1-bg-image: none;
  --bloc-2-bg-color: #0F238E;
  --bloc-3-bg-color: #1C499A;
  --bloc-4-bg-color: #08216F;
  --bloc-4-bg-image: none;
  --bloc-5-bg-color: #2F5597;
  --auth-logo-image: url('/wl/Afdp/logo-auth.svg');
  --auth-bg-image: url('/wl/Afdp/bg.jpg');
  --button-primary-bg: #002060;
  --button-primary-bg-hover: #1C499A;
  --button-primary-bg-disabled: #8FA9D9;
  --button-primary-fg: #FFFFFF;
}