:root {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg0: #f8fafc;
  --bg1: #eef2f7;
  --card: rgba(255,255,255,.82);
  --card2: rgba(255,255,255,.94);
  --border: rgba(15,23,42,.12);
  --text: #111827;
  --muted: rgba(55,65,81,.74);
}

html[data-theme="light"] body {
  background: #f8fafc !important;
  color: #111827 !important;
}

html[data-theme="light"] body::before,
html[data-theme="light"] body::after {
  background: transparent !important;
}

html[data-theme="light"] .bg-\[\#050814\],
html[data-theme="light"] .bg-\[\#040611\],
html[data-theme="light"] .bg-\[\#070b1a\],
html[data-theme="light"] .from-\[\#050814\],
html[data-theme="light"] .via-\[\#070b1a\],
html[data-theme="light"] .to-\[\#040611\],
html[data-theme="light"] .bg-slate-950,
html[data-theme="light"] .bg-slate-900 {
  background-color: #f8fafc !important;
  --tw-gradient-from: #f8fafc !important;
  --tw-gradient-via: #eef2f7 !important;
  --tw-gradient-to: #f8fafc !important;
}

html[data-theme="light"] .bg-slate-800,
html[data-theme="light"] .bg-slate-800\/60,
html[data-theme="light"] .bg-black\/15,
html[data-theme="light"] .bg-black\/20,
html[data-theme="light"] .bg-black\/30,
html[data-theme="light"] .bg-black\/55,
html[data-theme="light"] .bg-black\/60 {
  background-color: rgba(255,255,255,.82) !important;
}

html[data-theme="light"] .bg-white\/5,
html[data-theme="light"] .bg-white\/10,
html[data-theme="light"] .bg-white\/15 {
  background-color: rgba(255,255,255,.72) !important;
}

html[data-theme="light"] .text-white,
html[data-theme="light"] [class*="text-white\/"],
html[data-theme="light"] .hover\:text-white:hover,
html[data-theme="light"] .text-slate-200,
html[data-theme="light"] .text-slate-300,
html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-slate-500 {
  color: #1f2937 !important;
}

html[data-theme="light"] .text-slate-600 {
  color: #4b5563 !important;
}

html[data-theme="light"] .border-white\/5,
html[data-theme="light"] .border-white\/10,
html[data-theme="light"] .border-white\/15,
html[data-theme="light"] [class*="border-white\/"] {
  border-color: rgba(15,23,42,.12) !important;
}

html[data-theme="light"] .glass {
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.10);
}

html[data-theme="light"] .glow {
  box-shadow:
    0 0 0 1px rgba(15,23,42,.04) inset,
    0 24px 70px rgba(15,23,42,.12) !important;
}

html[data-theme="light"] header {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(15,23,42,.10) !important;
}

html[data-theme="light"] .noise > .absolute.inset-0,
html[data-theme="light"] body > .fixed.inset-0.-z-10 > .absolute.inset-0 {
  background: linear-gradient(to bottom, #f8fafc, #eef2f7, #f8fafc) !important;
}

html[data-theme="light"] .noise:before {
  opacity: .08 !important;
  mix-blend-mode: multiply !important;
}

html[data-theme="light"] .ring {
  background:
    radial-gradient(circle at 50% 50%, rgba(239,68,68,.12), transparent 55%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.80), transparent 62%),
    radial-gradient(circle at 50% 50%, rgba(59,130,246,.10), transparent 65%) !important;
}

html[data-theme="light"] .btn-primary {
  background: linear-gradient(135deg, #475569 0%, #4f46e5 58%, #4338ca 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 32px rgba(79,70,229,.20) !important;
}

html[data-theme="light"] .btn-primary:hover {
  filter: brightness(1.04);
}

html[data-theme="light"] .btn-ghost {
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(79,70,229,.26) !important;
  color: #312e81 !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .btn-ghost:hover {
  background: rgba(238,242,255,.96) !important;
  border-color: rgba(79,70,229,.42) !important;
  color: #312e81 !important;
}

html[data-theme="light"] #btn-pay {
  border-color: rgba(79,70,229,.38) !important;
  box-shadow: 0 0 0 1px rgba(79,70,229,.10) inset, 0 12px 28px rgba(79,70,229,.12) !important;
}

html[data-theme="light"] .option-card input:checked + div {
  background: rgba(79,70,229,.10) !important;
  border-color: rgba(79,70,229,.42) !important;
  color: #312e81 !important;
  box-shadow: 0 0 0 1px rgba(79,70,229,.16) inset, 0 10px 24px rgba(79,70,229,.10) !important;
}

html[data-theme="light"] .option-card input:checked + div > div {
  color: #475569 !important;
}

html[data-theme="light"] .chip input:checked + div {
  background: rgba(79,70,229,.10) !important;
  border-color: rgba(79,70,229,.42) !important;
  color: #312e81 !important;
  box-shadow: 0 0 0 1px rgba(79,70,229,.16) inset !important;
}

html[data-theme="light"] .mypage-status-current {
  background: rgba(245,158,11,.14) !important;
  border-color: rgba(217,119,6,.36) !important;
}

html[data-theme="light"] .bg-emerald-500\/10,
html[data-theme="light"] .bg-emerald-500\/15,
html[data-theme="light"] .bg-emerald-500\/20 {
  background-color: rgba(245,158,11,.16) !important;
}

html[data-theme="light"] .border-emerald-300\/20,
html[data-theme="light"] .border-emerald-300\/35,
html[data-theme="light"] .border-emerald-400\/20,
html[data-theme="light"] .border-emerald-400\/25 {
  border-color: rgba(217,119,6,.34) !important;
}

html[data-theme="light"] .text-emerald-200,
html[data-theme="light"] .text-emerald-200\/90,
html[data-theme="light"] .text-emerald-300 {
  color: #b45309 !important;
}

html[data-theme="light"] .ring-emerald-400\/40 {
  --tw-ring-color: rgba(217,119,6,.38) !important;
}

html[data-theme="light"] .mypage-status-current .bg-emerald-500\/20 {
  background-color: rgba(245,158,11,.18) !important;
}

html[data-theme="light"] .mypage-status-current .border-emerald-300\/35 {
  border-color: rgba(217,119,6,.42) !important;
}

html[data-theme="light"] .mypage-status-current .text-emerald-100,
html[data-theme="light"] .mypage-status-current .text-emerald-200\/70 {
  color: #92400e !important;
}

html[data-theme="light"] .mypage-status-spinner .border-emerald-300\/25 {
  border-color: rgba(217,119,6,.24) !important;
}

html[data-theme="light"] .mypage-status-spinner .border-emerald-300 {
  border-color: #d97706 !important;
  border-top-color: transparent !important;
}

html[data-theme="light"] .mypage-status-pill {
  background: rgba(245,158,11,.18) !important;
  border-color: rgba(217,119,6,.30) !important;
  color: #92400e !important;
}

html[data-theme="light"] .mypage-status-bar {
  background-color: rgba(217,119,6,.72) !important;
}

html[data-theme="light"] #timeline .bg-white\/30 {
  background-color: rgba(71,85,105,.62) !important;
  box-shadow: 0 0 0 3px rgba(71,85,105,.10) !important;
}

html[data-theme="light"] #timeline .bg-white\/5 {
  background-color: rgba(248,250,252,.92) !important;
}

html[data-theme="light"] .note {
  background: #f8fafc !important;
  border-color: rgba(79,70,229,.22) !important;
  color: #334155 !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .thankyou-order-check {
  background: rgba(79,70,229,.12) !important;
  border-color: rgba(79,70,229,.28) !important;
  box-shadow: 0 10px 24px rgba(79,70,229,.12) !important;
}

html[data-theme="light"] .thankyou-order-check span {
  color: #4338ca !important;
}

html[data-theme="light"] .popular-badge {
  background: #0f766e !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(15,118,110,.22) !important;
}

html[data-theme="light"] .popular-card {
  background: linear-gradient(180deg, rgba(20,184,166,.16) 0%, rgba(255,255,255,.90) 55%, rgba(240,253,250,.92) 100%) !important;
  border: 1px solid rgba(13,148,136,.28) !important;
}

html[data-theme="light"] .popular-card .bg-red-500\/15 {
  background-color: rgba(20,184,166,.12) !important;
}

html[data-theme="light"] .popular-card .border-red-400\/25,
html[data-theme="light"] .popular-card .border-red-300\/20 {
  border-color: rgba(13,148,136,.24) !important;
}

html[data-theme="light"] .popular-card .text-red-200,
html[data-theme="light"] .popular-card .text-red-300 {
  color: #0f766e !important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background-color: rgba(255,255,255,.86) !important;
  border-color: rgba(15,23,42,.16) !important;
  color: #111827 !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: rgba(75,85,99,.68) !important;
}

html[data-theme="light"] .ui-backdrop {
  background: rgba(15,23,42,.24) !important;
}

html[data-theme="light"] .ui-card {
  background: rgba(255,255,255,.94) !important;
  color: #111827 !important;
}

html[data-theme="light"] #ui-toast-root [id^="ui_toast_"] {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(15,23,42,.16) !important;
  color: #111827 !important;
  box-shadow: 0 16px 40px rgba(15,23,42,.16) !important;
}

html[data-theme="light"] #ui-toast-root [id^="ui_toast_"].bg-emerald-500\/15 {
  background: rgba(240,253,244,.97) !important;
  border-color: rgba(22,101,52,.30) !important;
  color: #166534 !important;
}

html[data-theme="light"] #ui-toast-root [id^="ui_toast_"].bg-red-500\/15 {
  background: rgba(254,242,242,.97) !important;
  border-color: rgba(185,28,28,.30) !important;
  color: #991b1b !important;
}

html[data-theme="light"] #ui-toast-root [id^="ui_toast_"].bg-amber-500\/15 {
  background: rgba(255,251,235,.97) !important;
  border-color: rgba(180,83,9,.34) !important;
  color: #92400e !important;
}

html[data-theme="light"] #ui-toast-root [id^="ui_toast_"].bg-black\/55 {
  background: rgba(248,250,252,.97) !important;
  border-color: rgba(79,70,229,.24) !important;
  color: #312e81 !important;
}

html[data-theme="light"] dialog::backdrop {
  background: rgba(15,23,42,.28) !important;
}

html[data-theme="light"] .shadow-black\/35,
html[data-theme="light"] .shadow-2xl {
  --tw-shadow-color: rgba(15,23,42,.16) !important;
}