:root {
    --error-color: #ff0000;
    --success-color: #008000;

    --background-color: #eee4be;
    --text-color: #221f12;

    --button-color: #ffd700;
    --button-text-color: var(--text-color);
    --button-hover-color: #ffe684;
    --button-text-hover-color: var(--text-color);

    --tab-background: #ffffef;
    --tab-active-background: #ffb300;
    --tab-inactive-background: #ffecb3;
    --input-background: #ffffef;
    --input-border: #e0e0e0;
    --tab-button-hover: #ffe684;
    --tab-text-color: #6d633a;

    --nav-color: #ffd700;
    --nav-banner-color: #ffe23e;
    --nav-line-color: var(--text-color);
    --nav-shadow-color: #ffe684;
    --nav--item-hover: #ffe684;
    --nav-text-color: #6d633a;
    --nav-text-color-hover: #333333;

    --page-background-color: #fff5cf;

    --product-background-color: #ffffef;
    --product-image-background-color: #eeeede;
    --product-title-color: var(--text-color);
    --product-description-color: var(--text-color);
    --product-price-color: #ffbb00;
    --product-button-color: #ffd700;
    --product-button-text-color: #6d633a;
    --product-button-color-hover: #ffe684;
    --product-button-text-color-hover: var(--text-color);

    --Manage-Product-background: #eee4be;
    --Manage-Product-form-background: #ffffff;
    --Manage-Product-form-border: #e6d9b5;
    --Manage-Product-label-color: #524d41;
    --Manage-Product-input-color: #7a7252;
    --Manage-Product-input-border: #524d41;
    --Manage-Product-button-background: #ffe684;
    --Manage-Product-button-hover-background: #ffb300;
    --Manage-Product-error-color: #ff4d4d;
    --Manage-Product-success-color: #3bb03b;

    --table-title-color: #ffb300;
    --table-odd-color: #ffee88;
    --table-even-color: #ffe684;
}

.hide {
    display: none;
}

body {
    font-family: 'Arial', sans-serif;
    background-color: var(--background-color);
    color: var(--text-color);
    margin: 0;
    padding: 0;
    height: 100vh;
    line-height: 1.6;
}