/* ОБЩИЕ ЦВЕТА ДЛЯ ВСЕХ ТЕМ */
:root {
    --color-model-close-icon: #ffffff;
    --color-hint: #3d3d3d;

    --color-primary: #ccae8b;
    --color-primary-light: #d9bfa3;
    --color-primary-hover: #b89a76;

    --color-btn-primary-bg: #ccae8b;
    --color-btn-primary-text: #232020;

    --color-star: #ccae8b;
    --color-link: #a88d6a;

    --theme-skeleton-gradient: linear-gradient(
            to right,
            var(--theme-skeleton-bg),
            var(--theme-skeleton-bg-glare),
            var(--theme-skeleton-bg)
    );

    --theme-border-radius: 12px;
    --theme-border-radius-sm: 8px;
    --theme-border-radius-xsm: 4px;

    --color-error: #FF362F;
    --color-valid: #4ab44a;

    --cotainer-max-width: 1782px;

    --transition-click: cubic-bezier(.28,.82,.76,1.13);

    --color-section-transparent: color-mix(
            in srgb,
            var(--color-section) 0%,
            transparent
    );

    --item-card-aspect-ratio: 1.5 / 1;
}

/* СВЕТЛАЯ ТЕМА */
:root {
    --color-bg-primary: #F7F3EE;
    --color-bg-secondary: #ffffff;

    --color-section: #ffffff;
    --color-section-pinned: rgba(255, 255, 255, 0.9);

    --color-text: #3d3d3d;

    --color-btn-light: #ffffff;
    --color-btn-light-hover: #f2eee8;

    --color-btn-secondary: #F7F3EE;
    --color-btn-secondary-hover: #f2eee8;

    --color-btn-cart: #f2eee8;
    --color-btn-cart-hover: #ccae8b;

    --theme-skeleton-bg: #eae4dc;
    --theme-skeleton-bg-glare: #f7f3ee;

    --color-delimiter: #eae4dc;

    --color-switch-shipping-bg-mobile: #f7f3ee;

    --color-checkbox-border: #3d3d3d;

    --color-grabber: #eae4dc;

    --color-btn-filter-bg-mobile: #ffffff;

    --color-input-focused: #f2eee8;
    --color-input-disabled: #efe7dd;

    --color-item-photo-bg: #efe7dd;
    --color-noimg-bg: #eae4dc;

    --color-themeSwitch-bg: var(--color-bg-primary);
    --color-themeSwitch-toggle: var(--color-section);
}

/* ТЁМНАЯ ТЕМА */
:root[dark] {
    --color-bg-primary: #232020;
    --color-bg-secondary: #3d3d3d;

    --color-section: #3d3d3d;
    --color-section-pinned: rgba(35, 32, 32, 0.95);

    --color-text: #ffffff;

    --color-btn-light: #3d3d3d;
    --color-btn-light-hover: #4a4a4a;

    --color-btn-secondary: #3d3d3d;
    --color-btn-secondary-hover: #4a4a4a;

    --color-btn-cart: #232020;
    --color-btn-cart-hover: #3d3d3d;

    --theme-skeleton-bg: #3d3d3d;
    --theme-skeleton-bg-glare: #2a2727;

    --color-delimiter: #232020;

    --color-switch-shipping-bg-mobile: #232020;

    --color-checkbox-border: #ccae8b;

    --color-grabber: #232020;

    --color-btn-filter-bg-mobile: #3d3d3d;

    --color-input-focused: #2a2727;
    --color-input-disabled: #3d3d3d;

    --color-item-photo-bg: #3d3d3d;
    --color-noimg-bg: #2a2727;

    --color-themeSwitch-bg: var(--color-bg-primary);
    --color-themeSwitch-toggle: var(--color-section);
}