/* Temporary neutral daylight palette; decorative daylight art will be added later. */
body.theme-light {
  color-scheme: light;
  --shayu-xiaowo-surface: #eceef0;
  --shayu-xiaowo-panel: rgba(255, 255, 255, 0.82);
  --shayu-xiaowo-line: #d9dadd;
  --shayu-xiaowo-line-soft: rgba(47, 49, 54, 0.14);
  --shayu-xiaowo-header: rgba(255, 255, 255, 0.88);
  --shayu-xiaowo-backdrop: rgba(245, 245, 246, 0.92);
  --shayu-xiaowo-text: #34363b;
  --shayu-xiaowo-text-secondary: #60636a;
  --shayu-xiaowo-text-muted: rgba(52, 54, 59, 0.68);
  --shayu-xiaowo-text-faint: #7b7e85;
  --shayu-xiaowo-text-strong: #292b30;
  --shayu-xiaowo-title-hover: #111216;
  --shayu-xiaowo-dot: rgba(52, 54, 59, 0.46);
  --shayu-xiaowo-hover: rgba(52, 54, 59, 0.035);
  --shayu-xiaowo-tag-text: #4c4f56;
  --shayu-xiaowo-tag-background: #ececef;
  --shayu-xiaowo-accent-line: #b9bbc1;
  --shayu-xiaowo-shadow: rgba(31, 35, 42, 0.08);
  --shayu-xiaowo-panel-shadow: rgba(31, 35, 42, 0.06);
  --shayu-xiaowo-selection-text: #17181c;
  --shayu-xiaowo-selection-background: rgba(78, 84, 96, 0.2);
  --shayu-xiaowo-main-gradient: linear-gradient(90deg, #aeb1b8, #d7d9dd);
  --shayu-xiaowo-strong-gradient: linear-gradient(90deg, #575b64, #26282e);
}

body.theme-light #shayu-xiaowo-universe {
  visibility: hidden;
  opacity: 0;
  transition: opacity 450ms ease, visibility 0ms step-end 450ms;
}

body.theme-light .header-container .text-white,
body.theme-light .header-container .text-invert,
body.theme-light .header-container .nav-link {
  color: var(--shayu-xiaowo-text-strong) !important;
}

body.theme-light .breadcrumbs,
body.theme-light .breadcrumbs.text-white,
body.theme-light .post-header .post-title,
body.theme-light .post-title.text-white {
  color: var(--shayu-xiaowo-text-strong) !important;
  text-shadow: none !important;
}

body.theme-light .post-stats,
body.theme-light .post-stats > span,
body.theme-light .post-stats span,
body.theme-light .post-stats svg {
  color: var(--shayu-xiaowo-text-secondary) !important;
}

body.theme-light svg use[stroke="white"],
body.theme-light svg use[stroke="#fff"],
body.theme-light svg use[stroke="#ffffff"] {
  stroke: currentColor !important;
}

body.theme-light svg use[fill="white"],
body.theme-light svg use[fill="#fff"],
body.theme-light svg use[fill="#ffffff"] {
  fill: currentColor !important;
}
