:root {
  color-scheme: light;
  --background: 216 45% 97%;
  --foreground: 218 32% 14%;
  --card: 0 0% 100%;
  --card-foreground: 218 32% 14%;
  --muted: 216 24% 92%;
  --muted-foreground: 218 12% 46%;
  --border: 218 23% 88%;
  --primary: 221 83% 53%;
  --primary-foreground: 0 0% 100%;
}
html, body, #app { min-height: 100%; background: #f6f8fb !important; color: #182230; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, #f6f8fb 0%, #eef3fb 48%, #f6f8fb 100%); }
.bg-background, [class*="bg-background"], .bg-secondary, [class*="bg-secondary"] { background-color: transparent !important; }
.bg-card, [class*="bg-card"] { background-color: #ffffff !important; }
.border, [class*="border-border"] { border-color: #d8dee8 !important; }
.text-muted-foreground { color: #667085 !important; }
main, header, footer { background-color: transparent !important; }

/* 2026-07-08 readability pass: Dujiao default theme had light text on light background. */
.home-page,
.home-page section,
.home-page .container,
.home-page .grid,
.home-page .bg-card,
.home-page [class*="bg-card"],
.product-page,
.blog-page,
.notice-page,
[class*="text-card-foreground"],
[class*="text-foreground"] {
  color: #182230 !important;
}
.theme-section-heading,
h1, h2, h3, h4,
.font-bold,
.font-semibold {
  color: #101828 !important;
}
.text-muted-foreground,
[class*="text-muted-foreground"],
p.text-muted-foreground,
a.text-muted-foreground,
button.text-muted-foreground,
span.text-muted-foreground {
  color: #475467 !important;
}
nav a.text-muted-foreground,
nav button.text-muted-foreground,
nav .text-muted-foreground {
  color: #344054 !important;
  font-weight: 600 !important;
}
nav a:hover,
nav button:hover {
  color: #1d4ed8 !important;
}
.bg-card,
[class*="bg-card"],
.card,
article,
[class*="rounded-2xl"] {
  color: #182230 !important;
}
.bg-card p,
.bg-card span,
.bg-card div,
.bg-card a,
[class*="bg-card"] p,
[class*="bg-card"] span,
[class*="bg-card"] div,
[class*="bg-card"] a {
  color: inherit;
}
.badge,
[class*="badge"],
[class*="bg-primary"],
[class*="bg-destructive"],
[class*="bg-success"],
[class*="bg-warning"] {
  color: inherit;
}
[class*="bg-primary"]:not([class*="/10"]):not([class*="/20"]),
button[class*="bg-primary"] {
  color: #ffffff !important;
}
.theme-wordmark,
.theme-wordmark * {
  color: #ffffff !important;
}
.aspect-\[4\/3\],
.aspect-\[4\/3\] * {
  color: #ffffff !important;
}
.prose,
.prose p,
.prose li,
.prose span,
.prose div {
  color: #182230 !important;
}
.prose h1,
.prose h2,
.prose h3,
.prose h4 {
  color: #101828 !important;
}
footer,
footer * {
  color: #344054 !important;
}
footer .font-semibold,
footer h3,
footer h4 {
  color: #101828 !important;
}