/* ═══════════════════════════════════════════════════════════════════
   admin-theme-light.css — светлая тема админ-панели.
   ═══════════════════════════════════════════════════════════════════ */

:root[data-theme="light"] {
    color-scheme: light;

    --bg-body:    #F7F3EE;
    --bg-surface: #FFFFFF;
    --bg-input:   #EFE9E1;
    --text-main:  #1F1B18;
    --text-muted: #6E655E;
    --border:     #E3D9CE;

    --header-bg: rgba(247, 243, 238, 0.95);
    --overlay-backdrop: rgba(31, 27, 24, 0.55);
    --overlay-modal: rgba(31, 27, 24, 0.65);
    --modal-backdrop: rgba(31, 27, 24, 0.85);

    --shadow-soft: rgba(31, 27, 24, 0.06);
    --shadow-color: rgba(31, 27, 24, 0.08);
    --shadow-strong: rgba(31, 27, 24, 0.18);

    --skeleton-base: rgba(0, 0, 0, 0.03);
    --skeleton-highlight: rgba(0, 0, 0, 0.08);
}

:root[data-theme="light"] .admin-header {
    background: var(--header-bg);
}

:root[data-theme="light"] .admin-product-card:hover,
:root[data-theme="light"] .page-card:hover,
:root[data-theme="light"] .hashtag-admin-card:hover,
:root[data-theme="light"] .order-card:hover,
:root[data-theme="light"] .promocode-card:hover {
    border-color: var(--border);
}

:root[data-theme="light"] .page-card:hover {
    box-shadow: 0 10px 30px var(--shadow-color);
}

:root[data-theme="light"] .search-suggestion:hover {
    background: var(--skeleton-base);
}

:root[data-theme="light"] .skeleton-bg {
    background-color: var(--skeleton-base);
}

:root[data-theme="light"] .settings-save-bar {
    box-shadow: 0 -6px 24px var(--shadow-color);
}

@media (max-width: 992px) {
    :root[data-theme="light"] .admin-catalog-controls {
        box-shadow: 0 -10px 40px var(--shadow-strong);
    }
}

:root[data-theme="light"] .login-screen {
    background: radial-gradient(circle at 30% 50%, rgba(var(--accent-rgb), 0.08), transparent 60%);
}

:root[data-theme="light"] .modal-overlay {
    background: var(--overlay-backdrop);
}