:root {
  --font-primary: "Work+Sans", sans-serif;

  --rgb-blue: 29, 69, 147;
  --rgb-blue-dark: 27, 37, 64;
  --rgb-blue-light: 234, 236, 242;
  --rgb-white: 255, 255, 255;
  --rgb-blue-sky: 50, 71, 145;
  --rgb-blue-sky-dark: 24, 106, 181;
  --rgb-gris-claro: 243, 243, 242;
  --rgb-gris-oscuro: 183, 182, 165;

  --color-gris-claro: rgba(var(--rgb-gris-claro), 1);
  --color-gris-oscuro: rgba(var(--rgb-gris-oscuro), 1);
  --color-blue: rgba(var(--rgb-blue), 1);
  --color-blue-dark: rgba(var(--rgb-blue-dark), 1);
  --color-blue-light: rgba(var(--rgb-blue-light), 1);
  --color-blue-sky: rgba(var(--rgb-blue-sky), 1);
  --color-blue-sky-dark: rgba(var(--rgb-blue-sky-dark));


  /* Main colors for cenie web */
  --color-brown: #b7b6a5;
  --color-blue-square: #5EC7D1;
  --color-green-square: #CDDE00;
  --color-purple-square: #A38DDD;
}