/* GSmart restaurant light mode — matches GSmartApp (gray-50 page, white header/cards, indigo).
   Dark remains the floor default. Tokens apply when html[data-theme=light] or .light-mode. */
:root[data-theme="light"],
html.light-mode,
html.light {
  color-scheme: light;
  --bg: #f9fafb;
  --bg-dark: #f9fafb;
  --bg-body: #f9fafb;
  --surface: #ffffff;
  --surface2: #f3f4f6;
  --surface3: #eef2ff;
  --sf: #ffffff;
  --sf2: #f3f4f6;
  --card: #ffffff;
  --card-bg: #ffffff;
  --border: #e5e7eb;
  --bd: #e5e7eb;
  --card-border: #e5e7eb;
  --text: #111827;
  --text-primary: #111827;
  --tx: #111827;
  --text2: #4b5563;
  --text-secondary: #4b5563;
  --tx2: #4b5563;
  --muted: #6b7280;
  --mu: #6b7280;
  --text-muted: #6b7280;
  --indigo: #4f46e5;
  --in: #4f46e5;
  --violet: #4f46e5;
  --borderFocus: rgba(79, 70, 229, .45);
  --shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);
  --accent-glow: rgba(79, 70, 229, .08);
}
[data-theme="light"] body {
  background: #f9fafb !important;
  color: #111827 !important;
  background-image: none !important;
}
[data-theme="light"] .topbar,
[data-theme="light"] header,
[data-theme="light"] .navbar,
[data-theme="light"] nav.gsmart-nav,
[data-theme="light"] nav.top-nav {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
[data-theme="light"] .topbar,
[data-theme="light"] header,
[data-theme="light"] .topbar-logo,
[data-theme="light"] .title,
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] strong {
  color: #111827;
}
[data-theme="light"] nav.gsmart-nav a { color: #374151 !important; }
[data-theme="light"] nav.gsmart-nav a:hover {
  background: #eef2ff !important;
  color: #4f46e5 !important;
}
[data-theme="light"] nav.gsmart-nav a.active {
  background: #eef2ff !important;
  color: #4f46e5 !important;
  border: 1px solid #c7d2fe !important;
}
[data-theme="light"] nav.gsmart-nav .nav-burger,
[data-theme="light"] .theme-toggle {
  background: #f9fafb !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}
[data-theme="light"] .summary-card,
[data-theme="light"] .sc,
[data-theme="light"] .tcard,
[data-theme="light"] .tc,
[data-theme="light"] .panel,
[data-theme="light"] .pn,
[data-theme="light"] .mb,
[data-theme="light"] .toast,
[data-theme="light"] .card,
[data-theme="light"] .order-card,
[data-theme="light"] .settings-card,
[data-theme="light"] .prebook-card,
[data-theme="light"] .walk-card,
[data-theme="light"] .login-card,
[data-theme="light"] .cash-pill,
[data-theme="light"] .fchip {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
[data-theme="light"] .summary-card.active,
[data-theme="light"] .sc.active,
[data-theme="light"] .fchip.active {
  border-color: #c7d2fe !important;
  background: #eef2ff !important;
  color: #3730a3 !important;
}
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
  background: #f9fafb !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}
[data-theme="light"] .bpri,
[data-theme="light"] .btn,
[data-theme="light"] button.bpri {
  background: #4f46e5 !important;
  color: #fff !important;
}
[data-theme="light"] .notice-banner {
  background: #fff7ed;
  border: 1px solid #fdba74;
  color: #9a3412;
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
}
[data-theme="light"] [style*="background:#111827"],
[data-theme="light"] [style*="background: #111827"] {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}
[data-theme="light"] .po { background: rgba(17, 24, 39, .35); }
[data-theme="light"] .mbg { background: rgba(17, 24, 39, .4); }
[data-theme="light"] .panel-footer-sticky,
[data-theme="light"] .panel-actions-sticky,
[data-theme="light"] .cart-sheet,
[data-theme="light"] .cart-sheet-head,
[data-theme="light"] .cart-sheet-foot {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
}
[data-theme="light"] .floor-actions {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .12);
}
[data-theme="light"] .seg-ctrl button {
  background: #f9fafb !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
[data-theme="light"] .seg-ctrl button.active {
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #fff !important;
}
[data-theme="light"] .staff-demo-role {
  background: #f9fafb !important;
  border-color: #e5e7eb !important;
}
[data-theme="light"] .scroll-fade-wrap::after {
  background: linear-gradient(to right, transparent, #ffffff);
}