:root {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --background-color: #f5f5f5;
    --border-color: #e0e0e0;
    --font-size-base: 16px;
    --font-size-large: 24px;

    --hover-color: #93318c;
    --active-color: #c54ebf;
    --icons-color: #666;

    --cart-button-color: #93318c;
    --cart-button-hover-color: #c54ebf;

    --button-color: #93318c;
    --button-hover-color: #c54ebf;
    --button-text-color: #ffffff;
    /*--header-bacground-color: #15281d;*/
    --header-bacground-color: #0a140e;
    --color-1: #21412e;
    --color-2: #8d3630;
    --color-3: #377450;
    --url-color: #21412e;
    --url-color-hover: #377450;
    --text-color: #ffffff;


}