:root[data-theme="light"] {
  --pl-page: #eceef4;
  --pl-surface: #fff;
  --pl-line: rgba(23, 23, 26, .12);
  --pl-line-2: rgba(23, 23, 26, .2);
  --pl-lift: 0 1px 2px rgba(17, 19, 28, .05), 0 10px 26px rgba(17, 19, 28, .06);
  --pl-float: 0 6px 16px rgba(17, 19, 28, .1), 0 22px 48px rgba(17, 19, 28, .14);
}

:root[data-theme="light"] body, :root[data-theme="light"] [class*="bg-[#0e0e11]"], :root[data-theme="light"] [class*="bg-[#07070a]"], :root[data-theme="light"] [class*="bg-[#0b0b0f]"] {
  background-color: var(--pl-page) !important;
}

:root[data-theme="light"] body:has(.bg-\[\#0e0e11\]) {
  background-color: var(--pl-page) !important;
}

:root[data-theme="light"] [class*="bg-[#101014]"], :root[data-theme="light"] [class*="bg-[#111116]"], :root[data-theme="light"] [class*="bg-[#131318]"], :root[data-theme="light"] [class*="bg-[#15151b]"], :root[data-theme="light"] [class*="bg-[#16161c]"], :root[data-theme="light"] [class*="bg-[#17171d]"], :root[data-theme="light"] [class*="bg-[#18181e]"], :root[data-theme="light"] [class*="bg-[#18181f]"], :root[data-theme="light"] [class*="bg-[#19191f]"], :root[data-theme="light"] [class*="bg-[#1a1a21]"] {
  box-shadow: var(--pl-lift);
  background-color: var(--pl-surface) !important;
  border-color: var(--pl-line) !important;
}

:root[data-theme="light"] [class*="bg-white/[0.0"], :root[data-theme="light"] .bg-white\/5, :root[data-theme="light"] .bg-white\/6, :root[data-theme="light"] .bg-white\/8 {
  border-color: var(--pl-line) !important;
  background-color: #f4f5f9 !important;
}

:root[data-theme="light"] [class*="border-white/"], :root[data-theme="light"] [class*="border-white/["], :root[data-theme="light"] [class*="divide-white/"] > * + * {
  border-color: var(--pl-line) !important;
}

:root[data-theme="light"] header, :root[data-theme="light"] .pf {
  border-color: var(--pl-line-2) !important;
}

:root[data-theme="light"] header {
  box-shadow: 0 1px 0 var(--pl-line), 0 8px 24px rgba(17, 19, 28, .05);
}

:root:not([data-theme="light"]) [class*="border-white/[0.0"] {
  border-color: rgba(255, 255, 255, .14);
}

:root:not([data-theme="light"]) [class*="divide-white/[0.0"] > * + * {
  border-color: rgba(255, 255, 255, .12);
}

:root[data-theme="light"] [class*="text-violet-"] {
  color: #5b21b6 !important;
}

:where(:root[data-theme="light"]) :where([class*="text-white"]) {
  color: #17171a;
}