:root {
  --font-style-normal: normal;

  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;

  --color-dark-grey: #727272;
  --color-second-grey: #798E9A;
	--color-dark-second-grey: #7a8a8c;
  --color-darker-grey: #4e4e4e;

  --color-main: #fff; /*#fff;*/
  --color-second: #ffffff; /*#9c5455;*/
  --color-second-light: #f5f5f4; /*#9c5455;*/
	--color-header: #e4f1fd;
	--color-header2: #011b32;
	--color-content: #f1f2f5;
	--color-header-background: #c3e0e5;

  --color-commune-header: #2e8396;

  --color-button-primary: #2e8396; /*#fff;*/
  --color-button-secondary: #000000; /*#9c5455;*/
  --color-button-hover: #c9c756; /*#ffd2d2;*/

  --color-green: #28af23;
  --color-blue: #0d447b;
  --color-red: red;
  --color-light-blue: #77c5d5;

  --color-card-quantity: #fff;
  --color-children-quantity: #3d4547;
  --color-icon-hover: #ffd2d2;

  --color-card-header: #ffffff;
  --color-disable-button: #d4eef3; /*#b9b9b9;*/

  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-25: 25px;
  --font-size-45: 45px;

  --line-spacing-14: 14px;
  --line-spacing-19: 19px;
  --line-spacing-20: 20px;
  --line-spacing-28: 28px;
  --line-spacing-55: 55px;

  --font-family-roboto-light: "Roboto Light", Roboto;
  --font-family-roboto-medium: "Roboto Medium", Roboto;
  --font-family-roboto: "Roboto Regular", Roboto;
  --font-family-roboto-bold: "Roboto Bold", Roboto;

  --character-spacing-0: 0px;

  /* Display block */
  --page-header: flex; /* flex */ /*For all exept process*/
  --card-image-title-header: block; /*block*/ /*For home page*/
  --back-button-header: none; /*block*/ /*For create and send card*/
  --display-type-header: column-reverse; /**column-reverse for homepage and row for other */ /**used only for mobile view*/

  --footer-links: flex; /*block*/ /*For all exept process*/

  --home-page: flex; /* flex */
  --display-customer-order: block; /* block */ /* For customer creation and order */
  --display-card: none; /* flex */ /*For create and send card*/
  --create-card: none; /* block */
  --send-card: none; /* block */
  --send-all-cards-to-one-mail: none; /*block*/
  --process-card: none; /* block */
  --newsletter: block; /* block */ /* always block for newsletter views */
  --newsletter-subscribing: block; /* block */
  --newsletter-subscribing-done: none; /* block */
  --download-cards-process: none; /* inline */
  --payment-page: none; /* block */

  --modal-more-info: none; /*block*/
  --modal-help: none; /*block*/
}