/* ===== СВЕТЛАЯ ТЕМА (корпоративная: красный, чёрный, белый) ===== */
:root {
    /* Акцентные цвета */
    --accent: #D32F2F;
    --accent2: #F44336;
    --accent-rgb: 211, 47, 47;
    --accent-glow: rgba(211, 47, 47, 0.25);

    /* Фоны */
    --bg: #FFFFFF;
    --bg2: #FFFFFF;
    --bg3: #FFFFFF;
    --bg4: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-input: #FFFFFF;
    --bg-modal: #FFFFFF;
    --bg-sheet: #FFFFFF;
    --bg-overlay: rgba(0, 0, 0, 0.5);
    --bg-drawer: #FFFFFF;
    --bg-splash: #FFFFFF;
    --bg-bnav: #FFFFFF;
    --bg-chip: #FFFFFF;
    --bg-checkout: #F7F8FA;
    --bg-map: linear-gradient(180deg, #e8f5e9 0%, #c8e6c9 100%);
    --bg-addr-map: linear-gradient(180deg, #e8f5e9 0%, #c8e6c9 100%);

    /* Текст */
    --text: #1A1A1A;
    --text2: #4D4D4D;
    --text3: #757575;
    --text-light: #8E8E8E;
    --text-inv: #FFFFFF;

    /* Шрифты */
    --font-main: 'Inter', 'Nunito', sans-serif;
    --font-heading: 'Inter', sans-serif;
    --font-size-base: 16px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
    --font-weight-regular: 400;
    --font-weight-medium: 600;
    --font-weight-bold: 800;

    /* Границы */
    --border: #E0E0E0;
    --border2: #D0D0D0;
    --border3: #A0A0A0;
    --border-card: #E8E8E8;
    --dish-card-border-width: 1px;
    --dish-card-border-color: #F0F0F0;
    --dish-card-border-radius: 20px;
    --bg-checkout-card: #FFFFFF;

    /* Семантические */
    --green: #388E3C;
    --gold: #F9A825;
    --blue: #1565C0;

    /* Компоненты */
    --btn-secondary-bg: #F0F0F0;
    --btn-secondary-color: #1A1A1A;
    --icon-btn-bg: #F0F0F0;
    --qty-btn-bg: #E8E8E8;
    --bnav-icon-color: #AAAAAA;
    --handle-color: #CCCCCC;
    --modal-close-bg: #F0F0F0;
    --modal-close-color: #1A1A1A;
    --chip-border: #E0E0E0;
    --chip-active-bg: var(--accent);
    --chip-active-color: #FFFFFF;
    --mode-active-bg: #1A1A1A;
    --mode-active-color: #FFFFFF;
    --tab-active-bg: #1A1A1A;
    --tab-active-color: #FFFFFF;
    --cart-border: #EEEEEE;
    --progress-bg: #E0E0E0;
    --status-strip-bg: #FFFFFF;
    --upsell-card-bg: #F5F5F5;
    --section-hd-color: #1A1A1A;
    --toast-bg: rgba(26, 26, 26, 0.95);
    --toast-color: #FFFFFF;
    --close-minimal-bg: #F0F0F0;
    --close-minimal-color: #666666;
    --gifts-section-color: #999999;
    --promo-row-bg: #FFFFFF;
    --addr-bottom-bg: #FFFFFF;
    --pay-name-color: #1A1A1A;
    --divider-bg: #EEEEEE;
    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
    --shadow-modal: 0 -4px 30px rgba(0, 0, 0, 0.12);
}

/* Специфичные для светлой темы элементы */
body[data-theme="light"] .phone {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

body[data-theme="light"] .splash-anim {
    background: rgba(255, 255, 255, 0.2);
}

body[data-theme="light"] .map-grid {
    background-image:
        linear-gradient(rgba(0, 0, 0, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, .04) 1px, transparent 1px);
}

body[data-theme="light"] .mode-btn.active {
    background: #1A1A1A;
    color: #FFFFFF;
}

body[data-theme="light"] .checkout-tab.active {
    background: #1A1A1A;
    color: #FFFFFF;
}

body[data-theme="light"] .onboard-title {
    color: var(--text);
}

body[data-theme="light"] .banner-title {
    color: #FFFFFF;
}

body[data-theme="light"] .status-strip {
    border-bottom: 1px solid var(--border);
}

body[data-theme="light"] .bnav {
    border-top: 1px solid var(--border);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
}

body[data-theme="light"] .gifts-btn {
    background: linear-gradient(135deg, #FFDF40, #FFC107);
    border: none;
    box-shadow: 0 4px 16px rgba(255, 193, 7, 0.4);
}

body[data-theme="light"] .gifts-btn:hover {
    background: linear-gradient(135deg, #FFD54F, #FFB300);
    box-shadow: 0 4px 20px rgba(255, 193, 7, 0.5);
}

body[data-theme="light"] .gifts-btn .gifts-btn-text {
    color: #1A1A1A;
}

body[data-theme="light"] .modal-hero-ph {
    background: linear-gradient(145deg, #F5F5F5, #EEEEEE);
}

body[data-theme="light"] .profile-item {
    border-bottom-color: var(--border);
}

body[data-theme="light"] .loyalty-bg1 {
    background: linear-gradient(135deg, #424242, #212121);
}

body[data-theme="light"] .topbar {
    background: var(--bg);
    border-bottom: none;
}

body[data-theme="light"] .cat-chips-wrap {
    border-bottom: none;
}

body[data-theme="light"] .addr-bar {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

body[data-theme="light"] .pay-method {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

body[data-theme="light"] .upsell-card {
    background: var(--bg2);
    border: 1px solid var(--border);
}

body[data-theme="light"] .upsell-card .upsell-name {
    color: var(--text);
}

body[data-theme="light"] .upsell-card .upsell-img-ph {
    background-color: var(--bg3);
}

body[data-theme="light"] .order-summary-box {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

body[data-theme="light"] .cart-item {
    border-bottom-color: var(--border);
}

body[data-theme="light"] .cart-qty {
    background: #f8f8f8 !important;
}

body[data-theme="light"] .cart-totals {
    background: #fdfdfd !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

body[data-theme="light"] .promo-row {
    background: #fdfdfd !important;
}

body[data-theme="light"] .mode-bar {
    background: #f5f5f5;
}

body[data-theme="light"] .mode-btn.active {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

body[data-theme="light"] .onboard-dots span {
    background: #CCCCCC;
}

body[data-theme="light"] #s-onboard {
    background: #FFFFFF !important;
}