.ln-site[data-appearance] {
  color-scheme: light;
  --on-midnight: none;
  --on-ice: block;
  --ground: #f8faff;
  --section: #f1f5fc;
  --band: #e8effa;
  --panel: #ffffff;
  --ink: #101d36;
  --muted: #455573;
  --strong-text: #293a58;
  --link: #304fa8;
  --focus: #204dc7;
  --rule: rgba(53, 79, 130, 0.24);
  --border-strong: #7888a4;
  --hover: #dce6f8;
  --action: #192c52;
  --action-text: #ffffff;
  --action-hover: #2b4271;
  --field: #f8faff;
  --plan-ground: #f8faff;
  --pro-border: #909ed5;
  --hero: radial-gradient(ellipse at 80% 34%, #d1e4fb, #e5ebfb 49%, #f4f7ff 86%);
  --hero-mobile: radial-gradient(ellipse at 76% 78%, #cbdcf7, #f3f6ff 78%);
  --hero-edge: #f4f7ff;
  --beacon: #456bba;
  --headline-accent: linear-gradient(109deg, #285bb0 2%, #455dbc 48%, #6c4da5 95%);
  --preview: radial-gradient(ellipse at 84% 90%, #dce0fa, #e5ecfb 52%, #f8fbff);
  --host-card: linear-gradient(150deg, #e1ecff, #fafcff 78%);
  --client-card: linear-gradient(150deg, #eae6fc, #fcfbff 78%);
  --pro-card: radial-gradient(ellipse at right top, #e3dcfa, #f2f4ff 62%);
  --orbit-line: #6882ba55;
  --orbit-back: #6882ba30;
}
.ln-site[data-appearance] .ln-moon {
  background-color: #8aa5ce;
  background-blend-mode: screen;
  mix-blend-mode: multiply;
  filter: none;
}