/* Colores de la aplicación */

:root {
  --Light: #ffffff;
  --Dark: #333333;
  --Primary: #10069f;
  --Secondary: #c8102e;
  --Success: #55af0f;
  --Info: #0078d4;
  --Warning: #f9cc00;
  --Danger: #ce3812;
}

/* Variantes de colores de la aplicación */

:root {
  --Primary-50: #e7e6f5;
  --Primary-100: #b5b2e1;
  --Primary-200: #918cd3;
  --Primary-300: #5f58bf;
  --Primary-400: #4038b2;
  --Primary-500: var(--Primary);
  --Primary-600: #0f0591;
  --Primary-700: #0b0471;
  --Primary-800: #090357;
  --Primary-900: #070343;
  --Secondary-50: #fae7ea;
  --Secondary-100: #eeb5be;
  --Secondary-200: #e6919f;
  --Secondary-300: #da5f73;
  --Secondary-400: #d34058;
  --Secondary-500: var(--Secondary);
  --Secondary-600: #b60f2a;
  --Secondary-700: #8e0b21;
  --Secondary-800: #6e0919;
  --Secondary-900: #540713;
  --Success-50: #eef7e7;
  --Success-100: #cae6b5;
  --Success-200: #b1da91;
  --Success-300: #8dc95e;
  --Success-400: #77bf3f;
  --Success-500: var(--Success);
  --Success-600: #4d9f0e;
  --Success-700: #3c7c0b;
  --Success-800: #2f6008;
  --Success-900: #244a06;
  --Info-50: #e6f0f6;
  --Info-100: #b1cfe3;
  --Info-200: #8cb8d6;
  --Info-300: #5798c3;
  --Info-400: #3684b7;
  --Info-500: var(--Info);
  --Info-600: #045c96;
  --Info-700: #034875;
  --Info-800: #02385b;
  --Info-900: #022a45;
  --Warning-50: #fefae6;
  --Warning-100: #fdefb0;
  --Warning-200: #fce88a;
  --Warning-300: #fbdd54;
  --Warning-400: #fad633;
  --Warning-500: var(--Warning);
  --Warning-600: #e3ba00;
  --Warning-700: #b19100;
  --Warning-800: #897000;
  --Warning-900: #695600;
  --Danger-50: #faebe7;
  --Danger-100: #f0c1b6;
  --Danger-200: #e8a392;
  --Danger-300: #de7a60;
  --Danger-400: #d86041;
  --Danger-500: var(--Danger);
  --Danger-600: #bb3310;
  --Danger-700: #92280d;
  --Danger-800: #711f0a;
  --Danger-900: #571808;
  --Gray-50: #fefefe;
  --Gray-100: #fcfcfc;
  --Gray-200: #fbfbfb;
  --Gray-300: #f9f9f9;
  --Gray-400: #f8f8f8;
  --Gray-500: #f6f6f6;
  --Gray-600: #e0e0e0;
  --Gray-700: #afafaf;
  --Gray-800: #878787;
  --Gray-900: #676767;
}

/* Para las opciones de las preguntas */

:root {
  --Question0: #333333;
  --Question1: #c8102e;
  --Question2: #dc313a;
  --Question3: #3c5200;
  --Question4: #3c7c0b;
}