/* Applies the active theme to pages that still use Tailwind brand classes.
   Payment method colors (bKash/Nagad/Upay/Rocket) are not touched. */
[data-theme] .from-indigo-400,
[data-theme] .from-indigo-500,
[data-theme] .from-violet-500 {
  --tw-gradient-from: var(--btn-from) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
[data-theme] .from-\[\#2e1065\] {
  --tw-gradient-from: var(--hero-from) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
[data-theme] .from-\[\#37137f\] {
  --tw-gradient-from: var(--brand-from) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
[data-theme] .via-violet-600,
[data-theme] .via-indigo-400,
[data-theme] .via-\[\#4518a8\] {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--brand-via) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
[data-theme] .to-violet-400,
[data-theme] .to-violet-600,
[data-theme] .to-fuchsia-600 {
  --tw-gradient-to: var(--btn-to) var(--tw-gradient-to-position);
}
[data-theme] .to-\[\#6d28d9\] {
  --tw-gradient-to: var(--hero-to) var(--tw-gradient-to-position);
}
[data-theme] .to-\[\#5b21b6\] {
  --tw-gradient-to: var(--brand-to) var(--tw-gradient-to-position);
}
[data-theme] .text-cyan-300 {
  color: var(--accent);
}
/* Light mode: the whole page takes the theme's material tint */
html:not(.dark)[data-theme] body {
  background: linear-gradient(180deg, var(--mat-soft) 0, var(--mat-page) 280px);
  transition: background .6s cubic-bezier(.16,1,.3,1);
}
html:not(.dark)[data-theme] .bg-slate-50,
html:not(.dark)[data-theme] #features,
html:not(.dark)[data-theme] #voice,
html:not(.dark)[data-theme] #voucher {
  background-color: var(--mat-page);
}
html:not(.dark)[data-theme] #remote,
html:not(.dark)[data-theme] #mikhmon,
html:not(.dark)[data-theme] #guide,
html:not(.dark)[data-theme] section.bg-white {
  background-color: var(--mat-paper);
}
html:not(.dark)[data-theme] #billing {
  background: linear-gradient(135deg, var(--mat-soft), var(--mat-paper));
}
html:not(.dark)[data-theme] .rounded-2xl.bg-white,
html:not(.dark)[data-theme] .rounded-3xl.bg-white,
html:not(.dark)[data-theme] .rounded-xl.bg-white {
  background-color: #fff;
  border-color: var(--mat-line);
  box-shadow: 0 10px 30px -18px color-mix(in srgb, var(--mat-ink) 55%, transparent);
}
html:not(.dark)[data-theme] .text-indigo-600,
html:not(.dark)[data-theme] .text-violet-600,
html:not(.dark)[data-theme] .text-violet-700 {
  color: var(--mat-ink);
}
html.dark[data-theme] body {
  background-color: var(--mat-dark);
  transition: background-color .6s cubic-bezier(.16,1,.3,1);
}
[data-theme] ::-webkit-scrollbar-thumb {
  background: var(--btn-from);
}