html[data-theme="light"] body {
  background:
    radial-gradient(circle at 50% -10%, rgba(122, 23, 53, 0.12), transparent 24rem),
    linear-gradient(90deg, rgba(122, 23, 53, 0.05) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(122, 23, 53, 0.05) 1px, transparent 1px) 0 0 / 44px 44px,
    var(--bg);
}

html[data-theme="light"] .eyebrow,
html[data-theme="light"] .hero p,
html[data-theme="light"] .stats span,
html[data-theme="light"] .progress-wrap,
html[data-theme="light"] .cost-card small,
html[data-theme="light"] .cost-card p,
html[data-theme="light"] .card p,
html[data-theme="light"] .tag,
html[data-theme="light"] .stroke-loading {
  color: var(--muted);
}

html[data-theme="light"] .panel,
html[data-theme="light"] .preview,
html[data-theme="light"] .cost-card,
html[data-theme="light"] .card {
  background: rgba(241, 231, 214, 0.86);
  border-color: var(--line);
  box-shadow: 0 32px 90px rgba(73, 42, 47, 0.16);
}

html[data-theme="light"] input,
html[data-theme="light"] textarea {
  color: var(--fg);
  background: rgba(255, 251, 242, 0.78);
  border-color: var(--line);
}

html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus {
  border-color: var(--hot);
  box-shadow: 0 0 0 4px rgba(122, 23, 53, 0.12);
}

html[data-theme="light"] button {
  color: var(--bg);
  background: var(--hot);
  border-color: var(--hot);
}

html[data-theme="light"] button.primary {
  color: var(--hot);
  background: transparent;
}

html[data-theme="light"] .stats span,
html[data-theme="light"] .progress-bar,
html[data-theme="light"] .mini-stroke {
  background: rgba(122, 23, 53, 0.06);
  border-color: var(--line);
}

html[data-theme="light"] .progress-bar::after {
  background: var(--hot);
}

html[data-theme="light"] .hanzi {
  color: var(--fg) !important;
}

html[data-theme="light"] .mini-stroke rect {
  fill: #fffaf0;
  stroke: var(--muted);
}

html[data-theme="light"] .mini-stroke path {
  fill: var(--fg);
}

html[data-theme="light"] .placard {
  color: var(--fg);
  background: rgba(238, 228, 210, 0.92);
  border-color: var(--line);
  box-shadow: 0 16px 50px rgba(73, 42, 47, 0.2);
}