/* Global variables */
:root {
  /* Default values */
  --default-backgroundColor:#fafaf8;
  --default-backgroundColorLighten5: #ffffff;
  --default-backgroundColorLighten10: #ffffff;
  --default-backgroundColorLighten20: #ffffff;
  --default-backgroundColorLighten30: #ffffff;
  --default-backgroundColorDarken5: #efefe9;
  --default-backgroundColorDarken10: #e5e5da;
  --default-backgroundColorDarken20: #cfcfbc;
  --default-backgroundColorDarken30: #baba9f;
  --default-backgroundColorAlpha12: rgba(250, 250, 248, 0.12);
  --default-backgroundColorAlpha50: rgba(250, 250, 248, 0.5);

  --default-fontColor:#333333;
  --default-alternateFontColor:#363a43;
  --default-accentFontColor:#8e2115;

  --default-primaryColor:#acae25;
  --default-primaryColorLighten5:#c1c329;
  --default-primaryColorLighten10:#d1d332;
  --default-primaryColorLighten20:#dbdc5d;
  --default-primaryColorLighten30:#e4e587;
  --default-primaryColorDarken5:#979921;
  --default-primaryColorDarken10:#82841c;
  --default-primaryColorDarken20:#595a13;
  --default-primaryColorDarken30:#2f300a;
  --default-primaryColorAlpha50:rgba(172, 174, 37, 0.5);
  --default-primaryColorAlpha12:rgba(172, 174, 37, 0.12);
  --default-primaryColorFont:#ffffff;

  --default-secondaryColor:#8e2115;
  --default-secondaryColorLighten5:#a42618;
  --default-secondaryColorLighten10:#ba2b1c;
  --default-secondaryColorLighten20:#df3c2a;
  --default-secondaryColorLighten30:#e66456;
  --default-secondaryColorDarken5:#781c12;
  --default-secondaryColorDarken10:#62170e;
  --default-secondaryColorDarken20:#350c08;
  --default-secondaryColorDarken30:#090201;
  --default-secondaryColorAlpha50:rgba(142, 33, 21, 0.5);
  --default-secondaryColorAlpha12:rgba(142, 33, 21, 0.12);
  --default-secondaryColorFont:#ffffff;

  --default-secondaryColorAlternate:#8e2115;

  --default-alt1Color:#6f5847;
  --default-alt1ColorLighten5:#7f6451;
  --default-alt1ColorLighten10:#8e715b;
  --default-alt1ColorLighten20:#a78a75;
  --default-alt1ColorLighten30:#bba594;
  --default-alt1ColorDarken5:#5f4c3d;
  --default-alt1ColorDarken10:#503f33;
  --default-alt1ColorDarken20:#31271f;
  --default-alt1ColorDarken30:#120e0b;
  --default-alt1ColorAlpha50:rgba(111, 88, 71, 0.5);
  --default-alt1ColorAlpha12:rgba(111, 88, 71, 0.12);
  --default-alt1ColorFont:#ffffff;

  --default-alt2Color:#eaeaea;
  --default-alt2ColorLighten5:#f7f7f7;
  --default-alt2ColorLighten10:#ffffff;
  --default-alt2ColorLighten20:#ffffff;
  --default-alt2ColorLighten30:#ffffff;
  --default-alt2ColorDarken5:#dddddd;
  --default-alt2ColorDarken10:#d0d0d0;
  --default-alt2ColorDarken20:#b7b7b7;
  --default-alt2ColorDarken30:#9d9d9d;
  --default-alt2ColorAlpha50:rgba(234, 234, 234, 0.5);
  --default-alt2ColorAlpha12:rgba(234, 234, 234, 0.12);
  --default-alt2ColorFont:#000000;

  /* Document */
  --default-invoiceColor:#61734c;
  --default-creditNoteColor:#906624;
  --default-deliveryNoteColor:#457D73;
  --default-orderColor:#6f5847;
  --default-draftDocumentColor:#eb9246;
  --default-documentBottomTitle:#ffffff;

  /* Card color */
  --default-cardBackgroundColor:#ffffff;
  --default-cardFontColor:#333333;

  /* Quantity select button */
  --default-qtySelectBtnBackgroundColor:#acae25;
  --default-qtySelectBtnFontColor:#ffffff;

  /* Values that can be changed per theme */
  --backgroundColor: var(--default-backgroundColor);
  --backgroundColorLighten5: var(--default-backgroundColorLighten5);
  --backgroundColorLighten10: var(--default-backgroundColorLighten10);
  --backgroundColorLighten20: var(--default-backgroundColorLighten20);
  --backgroundColorLighten30: var(--default-backgroundColorLighten30);
  --backgroundColorDarken5: var(--default-backgroundColorDarken5);
  --backgroundColorDarken10: var(--default-backgroundColorDarken10);
  --backgroundColorDarken20: var(--default-backgroundColorDarken20);
  --backgroundColorDarken30: var(--default-backgroundColorDarken30);
  --backgroundColorAlpha50: var(--default-backgroundColorAlpha50);
  --backgroundColorAlpha12: var(--default-backgroundColorAlpha12);

  --fontColor: var(--default-fontColor);
  --alternateFontColor: var(--default-alternateFontColor);
  --accentFontColor: var(--default-accentFontColor);

  --primaryColor: var(--default-primaryColor);
  --primaryColorLighten5: var(--default-primaryColorLighten5);
  --primaryColorLighten10: var(--default-primaryColorLighten10);
  --primaryColorLighten20: var(--default-primaryColorLighten20);
  --primaryColorLighten30: var(--default-primaryColorLighten30);
  --primaryColorDarken5: var(--default-primaryColorDarken5);
  --primaryColorDarken10: var(--default-primaryColorDarken10);
  --primaryColorDarken20: var(--default-primaryColorDarken20);
  --primaryColorDarken30: var(--default-primaryColorDarken30);
  --primaryColorAlpha50: var(--default-primaryColorAlpha50);
  --primaryColorAlpha12: var(--default-primaryColorAlpha12);
  --primaryColorFont: var(--default-primaryColorFont);

  --secondaryColor: var(--default-secondaryColor);
  --secondaryColorLighten5: var(--default-secondaryColorLighten5);
  --secondaryColorLighten10: var(--default-secondaryColorLighten10);
  --secondaryColorLighten20: var(--default-secondaryColorLighten20);
  --secondaryColorLighten30: var(--default-secondaryColorLighten30);
  --secondaryColorDarken5: var(--default-secondaryColorDarken5);
  --secondaryColorDarken10: var(--default-secondaryColorDarken10);
  --secondaryColorDarken20: var(--default-secondaryColorDarken20);
  --secondaryColorDarken30: var(--default-secondaryColorDarken30);
  --secondaryColorAlpha50: var(--default-secondaryColorAlpha50);
  --secondaryColorAlpha12: var(--default-secondaryColorAlpha12);
  --secondaryColorFont: var(--default-secondaryColorFont);

  --secondaryColorAlternate: var(--default-secondaryColorAlternate);

  --alt1Color: var(--default-alt1Color);
  --alt1ColorLighten5: var(--default-alt1ColorLighten5);
  --alt1ColorLighten10: var(--default-alt1ColorLighten10);
  --alt1ColorLighten20: var(--default-alt1ColorLighten20);
  --alt1ColorLighten30: var(--default-alt1ColorLighten30);
  --alt1ColorDarken5: var(--default-alt1ColorDarken5);
  --alt1ColorDarken10: var(--default-alt1ColorDarken10);
  --alt1ColorDarken20: var(--default-alt1ColorDarken20);
  --alt1ColorDarken30: var(--default-alt1ColorDarken30);
  --alt1ColorAlpha50: var(--default-alt1ColorAlpha50);
  --alt1ColorAlpha12: var(--default-alt1ColorAlpha12);
  --alt1ColorFont: var(--default-alt1ColorFont);

  --alt2Color: var(--default-alt2Color);
  --alt2ColorLighten5: var(--default-alt2ColorLighten5);
  --alt2ColorLighten10: var(--default-alt2ColorLighten10);
  --alt2ColorLighten20:  var(--default-alt2ColorLighten20);
  --alt2ColorLighten30: var(--default-alt2ColorLighten30);
  --alt2ColorDarken5: var(--default-alt2ColorDarken5);
  --alt2ColorDarken10: var(--default-alt2ColorDarken10);
  --alt2ColorDarken20: var(--default-alt2ColorDarken20);
  --alt2ColorDarken30: var(--default-alt2ColorDarken30);
  --alt2ColorAlpha50: var(--default-alt2ColorAlpha50);
  --alt2ColorAlpha12: var(--default-alt2ColorAlpha12);
  --alt2ColorFont: var(--default-alt2ColorFont);

  --invoiceColor: var(--default-invoiceColor);
  --draftDocumentColor: var(--default-draftDocumentColor);
  --creditNoteColor: var(--default-creditNoteColor);
  --deliveryNoteColor: var(--default-deliveryNotecolor);
  --orderColor: var(--default-orderColor);
  --documentBottomTitle: var(--default-documentBottomTitle);

  --cardBackgroundColor: var(--default-cardBackgroundColor);
  --cardFontColor: var(--default-cardFontColor);

  --qtySelectBtnBackgroundColor: var(--default-qtySelectBtnBackgroundColor);
  --qtySelectBtnFontColor: var(--default-qtySelectBtnFontColor);

  /* Values that cannot be changed per theme */
  --component-backgroundColor:#fafaf8;
  --component-fontColor:#333333;
}