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

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

  --color-dark-grey: #727272;
  --color-darker-grey: #4e4e4e;

  --color-main: #fff;
  --color-second: #a71f2d;
  --color-second-light: #a71f2d;

  --color-button-primary: #fff;
  --color-button-secondary: #a71f2d;
  --color-button-hover: #66131c;

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

  --color-card-quantity: #fff;
  --color-icon-hover: #66131c;

  --color-card-header: #ffffff;
  --color-disable-button: #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;

  --theme-font-family-light: "TradeGothic";
  --theme-font-family-medium: "TradeGothic";
  --theme-font-family: "TradeGothic";
  --theme-font-family-bold: "TradeGothic-Bold";
  --theme-font-family-title: "EuclidFlex";

  --character-spacing-0: 0px;

  /* Display block */
  --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*/
}