/* Nardy theme switcher
   Dark remains the existing visual language. Light mode only overrides semantic colors. */

/* -----------------------------
   Public site - light theme
   ----------------------------- */
body[data-theme="light"] {
    --background: #f6f3ee;
    --foreground: #24221f;
    --card: #ffffff;
    --card-foreground: #24221f;
    --popover: #ffffff;
    --popover-foreground: #24221f;
    --primary: #24221f;
    --primary-foreground: #ffffff;
    --secondary: #ece8e1;
    --secondary-foreground: #2d2a26;
    --muted: #ece8e1;
    --muted-foreground: #716c64;
    --accent: #b18a4a;
    --accent-foreground: #ffffff;
    --border: #ddd7ce;
    --input: #d6d0c7;
    --ring: #b18a4a;
    --ivory: #24221f;
    --gold: #a77d38;
    --gradient-page: radial-gradient(circle at 20% 0%, rgba(177,138,74,.08), transparent 32%), #f6f3ee;
    --gradient-gold: linear-gradient(135deg, #a77d38, #c4a56a);
    --shadow-gold: 0 18px 45px rgba(75,59,35,.10);
}

body[data-theme="light"] .home-page {
    background-color: #f6f3ee;
    color: #24221f;
}

body[data-theme="light"] .home-overlay {
    opacity: .08;
}

body[data-theme="light"] .home-content,
body[data-theme="light"] .site-shell {
    color: #24221f;
}

body[data-theme="light"] .home-card,
body[data-theme="light"] .course-card,
body[data-theme="light"] .style-card,
body[data-theme="light"] .artist-card,
body[data-theme="light"] .site-section,
body[data-theme="light"] .booking-card,
body[data-theme="light"] .booking-panel {
    background: rgba(255,255,255,.88);
    color: #24221f;
    border-color: #ddd7ce;
    box-shadow: 0 14px 38px rgba(55,45,30,.07);
}

body[data-theme="light"] .home-card:hover,
body[data-theme="light"] .course-card:hover,
body[data-theme="light"] .style-card:hover,
body[data-theme="light"] .artist-card:hover {
    background: #ffffff;
    border-color: rgba(167,125,56,.42);
}

body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea {
    color: #24221f;
}

body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder {
    color: #918b82;
}

body[data-theme="light"] .theme-toggle {
    background: rgba(255,255,255,.9);
    color: #302d28;
    border-color: #d8d1c7;
    box-shadow: 0 8px 24px rgba(55,45,30,.10);
}

body[data-theme="light"] .theme-toggle:hover {
    background: #ffffff;
    border-color: rgba(167,125,56,.45);
}

/* Public pages that use the Tailwind semantic color variables. */
body[data-theme="light"] .text-muted-foreground,
body[data-theme="light"] .text-muted-foreground\/50,
body[data-theme="light"] .text-muted-foreground\/70 {
    color: #716c64 !important;
}

body[data-theme="light"] .bg-card\/60 {
    background-color: rgba(255,255,255,.88) !important;
}

body[data-theme="light"] .bg-border,
body[data-theme="light"] .border-border,
body[data-theme="light"] .border-input {
    border-color: #d6d0c7 !important;
}

/* -----------------------------
   Admin - light theme
   ----------------------------- */
.admin-body[data-theme="light"] {
    background: #f3f2f0;
    color: #24242a;
}

.admin-body[data-theme="light"] .admin-app {
    --admin-bg: #f3f2f0;
    --admin-panel: #ffffff;
    --admin-panel-2: #f8f7f5;
    --admin-border: rgba(37,36,42,.10);
    --admin-text: #24242a;
    --admin-muted: #77747d;
    background: #f3f2f0;
    color: #24242a;
}

.admin-body[data-theme="light"] .admin-sidebar {
    background: #ffffff;
    border-right-color: rgba(37,36,42,.10);
}

.admin-body[data-theme="light"] .admin-nav-title,
.admin-body[data-theme="light"] .admin-sidebar-bottom {
    color: #8b8790;
}

.admin-body[data-theme="light"] .admin-nav a {
    color: #6e6b74;
}

.admin-body[data-theme="light"] .admin-nav a:hover,
.admin-body[data-theme="light"] .admin-nav a.active {
    background: #f0eef6;
    color: #24242a;
}

.admin-body[data-theme="light"] .admin-topbar {
    background: rgba(255,255,255,.94);
    border-bottom-color: rgba(37,36,42,.10);
    backdrop-filter: blur(12px);
}

.admin-body[data-theme="light"] .admin-collapse,
.admin-body[data-theme="light"] .admin-search,
.admin-body[data-theme="light"] .admin-mini,
.admin-body[data-theme="light"] .mini-btn,
.admin-body[data-theme="light"] .dashboard-attention-actions a {
    background: #f4f2f6;
    color: #66636c;
    border-color: rgba(37,36,42,.10);
}

.admin-body[data-theme="light"] .admin-search {
    color: #6d6972;
}

.admin-body[data-theme="light"] .admin-top-actions,
.admin-body[data-theme="light"] .admin-top-icon {
    color: #77747d;
}

.admin-body[data-theme="light"] .admin-kpi,
.admin-body[data-theme="light"] .admin-card,
.admin-body[data-theme="light"] .admin-section {
    background: #ffffff;
    border-color: rgba(37,36,42,.10);
    box-shadow: 0 10px 28px rgba(40,36,50,.045);
}

.admin-body[data-theme="light"] .admin-kpi-icon,
.admin-body[data-theme="light"] .admin-session {
    background: #f1eff5;
    color: #625d70;
    border-color: rgba(37,36,42,.08);
}

.admin-body[data-theme="light"] .admin-course-desc,
.admin-body[data-theme="light"] .admin-kpi-foot,
.admin-body[data-theme="light"] .admin-card-head span,
.admin-body[data-theme="light"] .admin-booking small,
.admin-body[data-theme="light"] .admin-table small,
.admin-body[data-theme="light"] .admin-heading small,
.admin-body[data-theme="light"] .admin-empty {
    color: #8a8790;
}

.admin-body[data-theme="light"] .admin-course-meta,
.admin-body[data-theme="light"] .admin-stat,
.admin-body[data-theme="light"] .admin-table td {
    color: #69666f;
}

.admin-body[data-theme="light"] .admin-stat strong,
.admin-body[data-theme="light"] .admin-session b,
.admin-body[data-theme="light"] .admin-kpi-value,
.admin-body[data-theme="light"] .admin-course-name,
.admin-body[data-theme="light"] .admin-booking strong,
.admin-body[data-theme="light"] .admin-card-head h2,
.admin-body[data-theme="light"] .admin-heading h2 {
    color: #29272e;
}

.admin-body[data-theme="light"] .admin-table th,
.admin-body[data-theme="light"] .admin-table td,
.admin-body[data-theme="light"] .admin-course,
.admin-body[data-theme="light"] .admin-booking {
    border-color: rgba(37,36,42,.09);
}

.admin-body[data-theme="light"] .admin-form input,
.admin-body[data-theme="light"] .admin-form select,
.admin-body[data-theme="light"] .admin-form textarea {
    background: #fbfaf9;
    color: #29272e;
    border-color: rgba(37,36,42,.12);
}

.admin-body[data-theme="light"] .admin-form input::placeholder,
.admin-body[data-theme="light"] .admin-form textarea::placeholder {
    color: #99959d;
}

.admin-body[data-theme="light"] .dashboard-attention {
    background: linear-gradient(100deg,#ffffff,#f7f5f9);
    border-color: rgba(37,36,42,.10);
    box-shadow: 0 10px 28px rgba(40,36,50,.045);
}

.admin-body[data-theme="light"] .dashboard-attention-actions a:hover,
.admin-body[data-theme="light"] .admin-mini:hover,
.admin-body[data-theme="light"] .mini-btn:hover,
.admin-body[data-theme="light"] .admin-collapse:hover {
    background: #ece9f1;
    color: #28262d;
}

.admin-body[data-theme="light"] .dashboard-decision-content strong,
.admin-body[data-theme="light"] .dashboard-request-row strong {
    color: #29272e;
}

.admin-body[data-theme="light"] .dashboard-decision-content span,
.admin-body[data-theme="light"] .dashboard-request-row small {
    color: #85818a;
}

.admin-body[data-theme="light"] .dashboard-live-badge {
    background: rgba(245,158,11,.08);
}

.admin-body[data-theme="light"] .theme-toggle {
    background: #f4f2f6;
    color: #55515d;
    border-color: rgba(37,36,42,.10);
    box-shadow: 0 8px 22px rgba(40,36,50,.08);
}

.admin-body[data-theme="light"] .theme-toggle:hover {
    background: #ece9f1;
}

/* Shared toggle */
.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 9px;
    background: #29282e;
    color: #c7c4cc;
    font: 500 11px/1 Inter,system-ui,sans-serif;
    cursor: pointer;
    transition: background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}

.theme-toggle:hover {
    transform: translateY(-1px);
    background: #33313a;
    color: #fff;
}

.theme-toggle-icon {
    font-size: 14px;
    line-height: 1;
}

.theme-toggle-label {
    white-space: nowrap;
}

.admin-top-actions .theme-toggle {
    flex: 0 0 auto;
}

.public-theme-toggle {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 1000;
}

@media (max-width: 720px) {
    .theme-toggle-label {
        display: none;
    }

    .public-theme-toggle {
        top: 12px;
        right: 12px;
    }
}