:root {
  /* MAIN COLORS ########## */
      --colorLighter:#4676aa;
      --colorLight:#375f8a;
      --color:#29507b;
      --colorDark:#193d65;
      --colorDarker:#14263b;

      --colorSecond:#c5d4df;
      --colorSecondLight:#ebeff2;
      --colorSecondDark:#adc7db;

      --colorThird:#ff6c00;
      --colorThirdLight:#fcac4d;
      --colorThirdDark:#b44c00;

 /* MAIN ########## */
      --lightLighter:#4676aa;
      --light:#29507b;
      --lightDarker:#193d65;

      --blackLighter:#4676aa;
      --black:#29507b;
      --blackDarker:#193d65;

      --blueLight:#4676aa;
      --blue:#29507b;
      --blueDark:#193d65;

      --purpleLight:#4676aa;
      --purple:#29507b;
      --purpleDark:#193d65;

      --pinkLight:#4676aa;
      --pink:#29507b;
      --pinkDark:#193d65;

      --greenLight:#4676aa;
      --green:#29507b;
      --greenDark:#193d65;

      --yellowLight:#4676aa;
      --yellow:#29507b;
      --yellowDark:#193d65;

      --orangeLight:#4676aa;
      --orange:#29507b;
      --orangeDark:#193d65;

      --redLight:#4676aa;
      --red:#29507b;
      --redDark:#193d65;

      --brownLight:#4676aa;
      --brown:#29507b;
      --brownDark:#193d65;

  /* CONTAINER ########## */
      --containerWidth: 100%;
      --containerWidthL: 100%;
      --containerWidthM: 100%;
      --containerWidthS: 100%;
      --containerWidthXS: 100%;
      --containerPadding: 0;
      --containerPaddingL: 0;
      --containerPaddingM: 0;
      --containerPaddingS: 0;
      --containerPaddingXS: 0 15px;
}