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

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

    --color-primary: #003423;
    --color-primary-light: #1f5040;
    --color-secondary: #121212;
    --color-secondary-light: #333;
    --color-text: #1c2228;
    --color-text-light: #818181;
    --color-white: #fff;
    --color-white-light: rgba(255, 255, 255, 0.6);
    --color-transparent: transparent;
    --color-border: #ddd;

    --color-border-light-on-white: #f2f2f2;
    --color-border-light: rgba(255, 255, 255, 0.1);
    --color-border-colored: #e0dfdb;
    --color-grey: #f2f2f2;
    --color-grey-light: #f9fafb;
    --color-grey-dark: #999;
    --color-cta: #8bb75d;
    --color-cta-hover: #5c9422;
    --color-sale: #ffc700;
    --color-monthly: #8bb75d;
    --color-season: #ce900e;
    --color-body-background: #f4f3e8;
    --color-secondary-background: #ecebdd;
    --color-product-section: #ecebdd;
    --color-nutrition-odd-color: #e4e3d1;

    --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: 8px;
    --border-radius-xsmall: 4px;
    --border-radius-input: 8px;
    --border-radius-checkbox: 6px;
    --border-radius-radio-button: 100px;
    --border-radius-button: 8px;

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

    /* 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;
    }
}