:root {
  --light-text-primary: #110b08;
  --light-text-body: #4a2f1a;
  --light-text-muted: #6b4423;
  --light-heading: #1e8449;
  --light-heading-glow: 0 2px 10px rgba(30, 132, 73, 0.22);
  --light-accent: #c0651a;
  --light-accent-warm: #d35400;
  --light-link: #1a6b3c;
  --light-price: #1e8449;
  --light-food-name: #1a5276;
}

/* Light mode — vibrant highlighting text */
body:not(.dark) {
  color: var(--light-text-primary) !important;
}

body:not(.dark) h1,
body:not(.dark) h2,
body:not(.dark) h3,
body:not(.dark) h4,
body:not(.dark) h5,
body:not(.dark) h6 {
  color: var(--light-heading) !important;
  text-shadow: var(--light-heading-glow);
}

body:not(.dark) p,
body:not(.dark) span,
body:not(.dark) b,
body:not(.dark) i,
body:not(.dark) label {
  color: var(--light-text-body) !important;
}

body:not(.dark) .tagline,
body:not(.dark) .subtitle,
body:not(.dark) .group-title,
body:not(.dark) .page-breadcrumb,
body:not(.dark) .seller-label {
  color: var(--light-accent) !important;
  opacity: 1 !important;
}

body:not(.dark) .price {
  color: var(--light-price) !important;
  text-shadow: 0 1px 6px rgba(30, 132, 73, 0.15);
}

body:not(.dark) .food-name {
  color: var(--light-food-name) !important;
  text-shadow: 0 1px 6px rgba(26, 82, 118, 0.12);
}

body:not(.dark) .seller-info {
  color: var(--light-link) !important;
}

body:not(.dark) .seller-info span {
  color: var(--light-accent-warm) !important;
}

body:not(.dark) .account,
body:not(.dark) .night-btn {
  color: var(--light-heading) !important;
}

body:not(.dark) .global-back-btn,
body:not(.dark) .back-btn {
  color: var(--light-heading) !important;
}

body:not(.dark) a:not(.nav-item):not(.btn):not([class*="btn"]) {
  color: var(--light-link) !important;
}

body:not(.dark) a:not(.nav-item):not(.btn):not([class*="btn"]):hover {
  color: var(--light-accent-warm) !important;
}

body:not(.dark) .loc-text,
body:not(.dark) .page-breadcrumb,
body:not(.dark) .details {
  opacity: 1 !important;
  color: var(--light-text-muted) !important;
}

body.dark {
  background: var(--slurpie-mesh-dark) no-repeat center center fixed !important;
  background-size: cover !important;
  background-color: #080808 !important;
  color: #f1e5ac !important;
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6 {
  color: #D4AF37 !important;
  text-shadow: 0 2px 10px rgba(212, 175, 55, 0.2);
}

body.dark p, body.dark span, body.dark b, body.dark i, body.dark label {
  color: #e0d0a0 !important;
}


body.dark .white-card,
body.dark .help-card,
body.dark .card,
body.dark .left-panel,
body.dark .right-panel,
body.dark .address-card,
body.dark .add-food-panel,
body.dark .glass-card,
body.dark .modal-content,
body.dark .auth-page .card,
body.dark .summary-panel,
body.dark .main-checkout-panel {
  background: #171717 !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
}

body.dark .modal-overlay, body.dark .modal {
  background: rgba(0, 0, 0, 0.85) !important;
}


body.dark button:not(.btn-text) {
  color: #fff !important;
}

body.dark .global-back-btn, body.dark .back-btn {
  background: #1f1f1f !important;
  color: #D4AF37 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

body.dark .global-back-btn:hover, body.dark .back-btn:hover {
  background: #D4AF37 !important;
  color: #000 !important;
}


body.dark input, body.dark textarea, body.dark select {
  background: #141414 !important;
  color: #D4AF37 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

body.dark input:focus, body.dark textarea:focus, body.dark select:focus {
  border-color: #FFD700 !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.2) !important;
}


body.dark .account, body.dark .night-btn {
  background: #171717 !important;
  color: #D4AF37 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

body.dark .account-menu {
  background: #171717 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8) !important;
}

body.dark .account-name { color: #FFD700 !important; }
body.dark .account-email { color: #aaa !important; }
body.dark .menu-section { border-top: 1px solid rgba(212, 175, 55, 0.1) !important; }

body.dark .account-menu button {
  background: rgba(212, 175, 55, 0.05) !important;
  color: #e0d0a0 !important;
}

body.dark .account-menu button:hover {
  background: rgba(212, 175, 55, 0.15) !important;
  color: #FFD700 !important;
}


body.dark .ai-chatbox {
  background: #141414 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9) !important;
}
body.dark .ai-header {
  background: linear-gradient(135deg, #1a1a1a, #222) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
  color: #FFD700 !important;
}
body.dark .ai-header .header-title {
  color: #FFD700 !important;
}
body.dark .ai-header .close-btn {
  color: #D4AF37 !important;
}
body.dark .ai-header .close-btn:hover {
  color: #ff4d4d !important;
}
body.dark .ai-messages {
  background: #0e0e0e !important;
}
body.dark .ai-bot {
  background: #1f1f1f !important;
  color: #f1e5ac !important;
  border: 1px solid rgba(212, 175, 55, 0.1) !important;
}
body.dark .ai-user {
  background: rgba(212, 175, 55, 0.15) !important;
  color: #FFD700 !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
}
body.dark .ai-suggestions {
  background: #111 !important;
  border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
}
body.dark .suggestion-btn {
  background: rgba(212, 175, 55, 0.08) !important;
  color: #e0d0a0 !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
}
body.dark .suggestion-btn:hover {
  background: rgba(212, 175, 55, 0.2) !important;
  color: #FFD700 !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}
body.dark .ai-chat-btn {
  background: #1a1a1a !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  color: #D4AF37 !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6) !important;
}
body.dark .ai-chat-btn:hover {
  background: #D4AF37 !important;
  color: #000 !important;
}


body.dark .profile-card, body.dark .avatar-section, body.dark .form-section {
  background: rgba(23, 23, 23, 0.8) !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
}
body.dark .avatar-frame { border-color: #D4AF37 !important; }
body.dark .title {
  background: linear-gradient(135deg, #FFD700, #D4AF37) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}


body.dark .delivery-man-card, body.dark .timer-card, body.dark .address-box {
  background: rgba(23, 23, 23, 0.8) !important;
  border-color: rgba(212, 175, 55, 0.2) !important;
}
body.dark .timer { color: #FFD700 !important; }


body.dark ::-webkit-scrollbar { width: 10px; }
body.dark ::-webkit-scrollbar-track { background: #0d0d0d; }
body.dark ::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 10px;
  border: 2px solid #0d0d0d;
}
body.dark ::-webkit-scrollbar-thumb:hover { background: #D4AF37; }