:root {
    --bg-color: #ffffff;
    --text-color: #333;
    --bg-color-2: #f5f5f5;
    --card-bg: #edfeff;
    --input-bg: #999999;
    --header-bg: #ffffff;
    --header-icon-color: #999999;
    --header-button-bg: #ffffff;
    --header-dropdown-bg: #ffffff;
    --header-dropdown-text-color: #666666;
    --header-dropdown-hover-bg: var(--card-bg);
    --search-input-bg: #f8ffff;
    --nav-link-color: #1A99AE;
    --section-title-color: #333333;
    --section-nav-color: #999999;

    --cta-transparent-bg: rgba(163, 228, 219, 0.8);
    --cta-text-color: rgba(0, 0, 0, 0.8);
    --cta-text-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
    --cta-input-bg: #ffffff;
    --cta-input-text: #666666;
    --cta-dropdown-hover-bg: #1A99AE;

    --carousel-nav-disabled: rgba(0, 0, 0, 0.4);

    --popular-item-description-color: rgba(0, 0, 0, 0.4);
    --popular-item-price-color: #1B2625;

    --hiw-bg: var(--card-bg);

    --sport-card-bg: var(--card-bg);
    --sport-card-description-color: rgba(0, 0, 0, 0.4);
    --sport-card-price-color: #1B2625;

    --filter-btn-bg: #e4feff;
    --filter-btn-color: var(--primary);

    --filter-section-bg: transparent;

    --mode-border-color: 3px solid rgba(0, 0, 0, 0.15);
    --mode-border--attribute-color: 2px solid rgba(0, 0, 0, 0.15);

    --book-display-text-color: rgba(0, 0, 0, 0.30);

    --accessory-background-color: #D3F0F2;
}

img {
    filter: contrast(110%) saturate(170%); /* Adjust the filter and its value as desired */
}