/*
 * 咖啡商城靜態匯出版亮色覆蓋。
 * 這份檔案只處理大面積深色容器，保留小型 CTA 的對比。
 */
:root {
  color-scheme: light;
}

body {
  background:
    radial-gradient(circle at 14% 6%, rgba(143, 101, 68, 0.16), transparent 30rem),
    radial-gradient(circle at 86% 10%, rgba(204, 166, 118, 0.22), transparent 28rem),
    linear-gradient(180deg, #fbf7f0 0%, #f6f0e7 48%, #eadccb 100%) !important;
}

body :is(
  [class*="bg-[#1d1713]"],
  [class*="bg-[#1f1814]"],
  [class*="bg-[#2a221d]"],
  [class*="bg-[#261f1a]"],
  [class*="bg-[#221b16]"],
  [class*="bg-[#2b221d]"],
  [class*="bg-[linear-gradient(180deg,#111827"]
) {
  color: #241d17 !important;
  border-color: #e4d8ca !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(202, 163, 117, 0.22), transparent 18rem),
    linear-gradient(180deg, rgba(255, 253, 249, 0.96) 0%, rgba(247, 239, 230, 0.94) 100%) !important;
  box-shadow: 0 28px 76px -58px rgba(78, 60, 44, 0.2) !important;
}

body :is(
  [class*="bg-[#1d1713]"],
  [class*="bg-[#1f1814]"],
  [class*="bg-[#2a221d]"],
  [class*="bg-[#261f1a]"],
  [class*="bg-[#221b16]"],
  [class*="bg-[#2b221d]"],
  [class*="bg-[linear-gradient(180deg,#111827"]
) :is(
  h1,
  h2,
  h3,
  h4,
  p,
  small,
  strong,
  li,
  [class*="text-white"],
  [class*="text-[#e"],
  [class*="text-[#d"],
  [class*="text-[#f"]
) {
  color: #241d17 !important;
}

body :is(
  [class*="bg-[#1d1713]"],
  [class*="bg-[#1f1814]"],
  [class*="bg-[#2a221d]"],
  [class*="bg-[#261f1a]"],
  [class*="bg-[#221b16]"],
  [class*="bg-[#2b221d]"]
) > [class*="absolute"][class*="inset-0"][class*="bg-cover"] {
  opacity: 0.18 !important;
  filter: saturate(0.88) brightness(1.12);
}

body :is(
  [class*="bg-[#1d1713]"],
  [class*="bg-[#1f1814]"],
  [class*="bg-[#2a221d]"],
  [class*="bg-[#261f1a]"],
  [class*="bg-[#221b16]"],
  [class*="bg-[#2b221d]"]
) > [class*="absolute"][class*="inset-0"][class*="bg-[linear-gradient"] {
  opacity: 1 !important;
  background: linear-gradient(180deg, rgba(255, 250, 244, 0.2), rgba(255, 250, 244, 0.94)) !important;
}

body :is(
  [class*="bg-[#1d1713]"],
  [class*="bg-[#1f1814]"],
  [class*="bg-[#2a221d]"],
  [class*="bg-[#261f1a]"],
  [class*="bg-[#221b16]"],
  [class*="bg-[#2b221d]"],
  [class*="bg-[linear-gradient(180deg,#111827"]
) :is([class*="bg-black/16"], [class*="bg-white/6"], [class*="bg-white/8"], [class*="bg-white/10"]) {
  border-color: #e4d8ca !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: 0 16px 42px -36px rgba(78, 60, 44, 0.2);
}

body :is(
  [class*="bg-[#1d1713]"],
  [class*="bg-[#1f1814]"],
  [class*="bg-[#2a221d]"],
  [class*="bg-[#261f1a]"],
  [class*="bg-[#221b16]"],
  [class*="bg-[#2b221d]"],
  [class*="bg-[linear-gradient(180deg,#111827"]
) :is(a, button) {
  color: inherit;
}

body :is(
  [class*="bg-[#1d1713]"],
  [class*="bg-[#1f1814]"],
  [class*="bg-[#2a221d]"],
  [class*="bg-[#261f1a]"],
  [class*="bg-[#221b16]"],
  [class*="bg-[#2b221d]"],
  [class*="bg-[linear-gradient(180deg,#111827"]
) :is(a[class*="bg-[#2c241f]"], button[class*="bg-[#2c241f]"], a[class*="bg-[#2f5cff]"]) {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2c241f, #6f4f3a) !important;
}

body :is(
  [class*="bg-[#1d1713]"],
  [class*="bg-[#1f1814]"],
  [class*="bg-[#2a221d]"],
  [class*="bg-[#261f1a]"],
  [class*="bg-[#221b16]"],
  [class*="bg-[#2b221d]"],
  [class*="bg-[linear-gradient(180deg,#111827"]
) svg {
  color: currentColor;
}

@media (max-width: 767px) {
  body :is(
    [class*="bg-[#1d1713]"],
    [class*="bg-[#1f1814]"],
    [class*="bg-[#2a221d]"],
    [class*="bg-[#261f1a]"],
    [class*="bg-[#221b16]"],
    [class*="bg-[#2b221d]"],
    [class*="bg-[linear-gradient(180deg,#111827"]
  ) {
    border-radius: 26px !important;
  }
}