:root {

  /* Fonts */

  --font-default: 'URW DIN', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-primary: 'Open Sans', sans-serif;

  /* Default text color */
  --color-default: #1a1f24;
  --color-default-rgb: 26, 31, 36;

  /* Defult links color */
  --color-links: #3279fc;
  --color-links-hover: #4797ff;

  /* Primary colors */
  --color-primary: #2154ed;
  --color-primary-light: #4797ff;
  --color-primary-dark: #1c61e2;

  --color-primary-rgb: 50, 121, 252;
  --color-primary-light-rgb: 71, 151, 255;
  --color-primary-dark-rgb: 28, 97, 226;

  /* Secondary colors */
  --color-secondary: #2154ED;
  --color-secondary-light: #6e87b6;
  --color-secondary-dark: #3b5380;

  --color-secondary-rgb: 86, 112, 160;
  --color-secondary-light-rgb: 110, 135, 182;
  --color-secondary-dark-rgb: 59, 83, 128;

  /* General colors */
  --color-blue: #2154ED;
  --color-blue-rgb: 13, 110, 253;

  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
}

/* Fonts */
.font-default { font-family: var(--font-default) !important; }
.font-primary { font-family: var(--font-primary) !important;}
.font-secondary { font-family: var(--font-secondary) !important; }

/* Text Colors */
.color-default { color: var(--color-default) !important; }
.color-links { color: var(--color-links) !important; }
.color-links:hover { color: var(--color-links-hover) !important; }
.color-primary { color: var(--color-primary) !important; }
.color-primary-light { color: var(--color-primary-light) !important; }
.color-primary-dark { color: var(--color-primary-dark) !important; }
.color-secondary { color: var(--color-secondary) !important; }
.color-secondary-light { color: var(--color-secondary-light) !important; }
.color-secondary-dark { color: var(--color-secondary-dark) !important; }
.color-blue { color: var(--color-blue) !important; }
.color-white { color: var(--color-white) !important; }
.color-black { color: var(--color-black) !important; }

/* Background Colors */
.bg-default { background-color: var(--color-default) !important; }
.bg-primary { background-color: var(--color-primary) !important; }
.bg-primary-light { background-color: var(--color-primary-light) !important; }
.bg-primary-dark { background-color: var(--color-primary-dark) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-secondary-light { background-color: var(--color-secondary-light) !important; }
.bg-secondary-dark { background-color: var(--color-secondary-dark) !important; }
.bg-blue { background-color: var(--color-blue) !important; }
.bg-white { background-color: var(--color-white) !important; }
.bg-black { background-color: var(--color-black) !important; }