:root {
  /* ************************ */
  /* ***   BREAKPOINT     *** */
  /* ************************ */
  --mobile-min: 360px;
  --mobile-max: 703px;
  --tablet-min: 704px;
  --tablet-max: 1183px;
  --desktop-min: 1184px;
  --desktop-max: 1663px;
  --big-desktop-min: 1664px;
  --big-desktop-max: 2160px;

  /* ***************** */
  /* ***   COLORS  *** */
  /* ***************** */
  /* ***   Primary   *** */
  --color-primary: #d81e05;
  --color-primary2-deprecated: #be0f0f;
  --color-primary2: #ac0404;
  --color-primary3: #780303;
  /* ***   Grey   *** */
  --color-grey: #737373;
  --color-grey2: #c9c8c8;
  --color-grey3: #eae9e9;
  --color-grey4: #f5f5f5;
  --color-grey5: #ffffff;
  /* ***   Secondary   *** */
  --color-secondary: #2d373d;
  --color-secondary2: #526570;
  --color-secondary3: #9cb0bc;
  --color-secondary4-deprecated: #e8ebed;
  --color-secondary5-deprecated: #f5f6f7;
  --color-secondary6: #89969a;
  /**   Customer   **/
  --color-customer-silver: #949494;
  --color-customer-gold: #ac9316;
  --color-customer-platinum: #7994a4;
  --color-customer-platinum-background: #d7dfe4;
  --color-customer-gold-background: #e7dfba;
  --color-customer-silver-background: #d4d4d4;
  /**   States   **/
  --color-state-success: #008c47;
  --color-state-success2: #dce5c1;
  --color-state-success-background: #f7f9f0;
  --color-state-error: #da2a2a;
  --color-state-error2: #f6caca;
  --color-state-error-background: #fdf2f2;
  --color-state-informative: #0d82bd;
  --color-state-informative2: #b7daec;
  --color-state-informative-background: #eef6fb;
  --color-state-notice: #e46b15;
  --color-state-notice2: #fff4ec;
  --color-state-notice-background: #fffaf6;
  --color-state-disabled: #d2d4cf;
  /**  Support  **/
  --color-support: #f2a105;
  --color-support2: #ffb37f;
  --color-support3: #ffd618;
  --color-support4: #a2c617;
  --color-support5: #0ca6b3;
  --color-support6: #f282c5;
  --color-support7: #e6078c;
  --color-support8: #a51783;
  --color-support9: #f33939;
  --color-support10: #c59672;
  --color-support11: #734b30;
  
  /***************/
  /*   SHADOWS   */
  /***************/
  --shadow: 0px 3px 8px rgba(82, 101, 112, 0.2);
  --shadow2: 0px 7px 10px rgba(0, 0, 0, 0.16);
  --shadow3: 0px 6px 10px rgba(0, 0, 0, 0.14);
}

body {
  margin: 0;
}

h1 {
  margin: 0;
  font-weight: normal;
  display: inline;
}

* {
  outline: none;
}
