:root {
  --font-size: 15px;
  --font-size-small: 14px;
  --font-size-xsmall: 12px;
  --font-size-button: 15px;
  --font-size-button-small: 14px;
  --font-size-button-medium: 15px;
  --font-size-input: 16px;

  --font-family: "Montserrat", sans-serif;
  --font-family-header: "Montserrat", sans-serif;
  --font-weight: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-button: 700;

  --color-primary: #756E60;
  --color-primary-light: #EFEBE4;
  --color-primary-dark: #686356;
  --color-secondary: #30363C;
  --color-secondary-light: #969798;
  --color-text: #30363C;
  --color-text-light: #969798;
  --color-white: #fff;
  --color-white-light: rgba(255, 255, 255, 0.6);
  --color-transparent: transparent;
  --color-border: #DCD9D4;
  --color-border-light-on-white: #f2f2f2;
  --color-border-light: rgba(255, 255, 255, 0.1);
  --color-border-colored: #E8E7E3;
  --color-grey: #ddd;
  --color-grey-light: #eee;
  --color-grey-dark: #999;
  --color-cta: #756E60;
  --color-cta-hover: #686356;
  --color-sale: #BA410E;
  --color-monthly: #8bb75d;
  --color-season: #ce900e;
  --color-body-background: #fff;
  --color-body-secondary-background: #F9F8F6;
  --color-secondary-background: #EFEBE4;
  --color-product-section: #fff;
  --color-nutrition-odd-color: #EFEBE4;

  --color-success: #52cb98;
  --color-success-light: #d6ffee;
  --color-success-border: #b5f0d7;
  --color-warning: #ff8a36;
  --color-warning-light: #ffe9d9;
  --color-info: #6ab8ff;
  --color-info-light: #ecf6ff;
  --color-info-border: #d7e6f4;
  --color-error: #eb4545;
  --color-error-light: #ffecec;
  --color-error-border: #ebd5d5;

  --border-radius: 10px;
  --border-radius-small: 5px;
  --border-radius-xsmall: 4px;
  --border-radius-input: 5px;
  --border-radius-checkbox: 4px;
  --border-radius-radio-button: 100px;
  --border-radius-button: 5px;

  --container-width: 1380px;
  --container-width-small: 1100px;

  /* Table Heading */
  --table-head-size: 12px;
  --table-head-transform: uppercase;
  --table-head-spacing: 1px;
  --table-head-weight: 700;
}

@media (max-width: 1119px) {
  :root {
    --font-size-input: 16px;
  }
}