/* The daylight counterpart uses one serif, with shared geometry and interactions. */
:root[data-theme="light"] {
  color-scheme: light;
  --canvas: #fbf9f7;
  --text: #2b221a;
  --bright: #1b150f;
  --muted: #534636;
  --edge: #c9baa3;
  --light-link: #40301f;
  --light-emphasis: #654225;
  --light-line: #8d795b55;
  --light-line-active: #7b5d36;
  background: var(--canvas);
}
:root[data-theme="light"] ::selection { background: #d9c5a6; color: var(--bright); }
:root[data-theme="light"] body::after {
  border-color: #8d795b38;
  box-shadow: inset 0 1px 0 #ffffff66;
}
:root[data-theme="light"][data-background="water"] body::before {
  background: linear-gradient(135deg, #fffdfb4d, #faf6f222), #fcfaf84d;
  -webkit-backdrop-filter: blur(6px) saturate(.85) brightness(1.03);
  backdrop-filter: blur(6px) saturate(.85) brightness(1.03);
  box-shadow: 0 10px 40px #59452f0d, inset 0 1px 0 #ffffff80;
}
:root[data-theme="light"] #water-field { opacity: var(--startup-background-progress, 1); }
:root[data-theme="light"] .atmosphere {
  background: radial-gradient(ellipse at 48% 48%, #fcfaf8b3, #fcfaf833 60%, transparent);
}
:root[data-theme="light"][data-background="water"] .atmosphere {
  background: radial-gradient(ellipse at 48% 48%, #fcfaf824, #fcfaf808 58%, transparent 85%);
}
:root[data-theme="light"] blockquote .mono-accent {
  font-family: inherit;
  font-weight: inherit;
  color: var(--light-emphasis);
  -webkit-text-stroke: 0;
  transition: color .2s ease;
}
:root[data-theme="light"] blockquote a:is(:hover, :focus-visible) .mono-accent { color: var(--bright); }
:root[data-theme="light"] blockquote b { color: inherit; }
:root[data-theme="light"] main { font-weight: 400; }
:root[data-theme="light"] :is(main a, .contact-line button.contact-link) { border-color: var(--light-line); }
:root[data-theme="light"] :is(.contact-line a, .contact-line button.contact-link, .site-footer a, .colophon a, .contact-target, .contact-channel-links a, .contact-invitation summary, .clock-reading time, .weather-icon, .weather-credit .credit-source, .posts-list a) {
  color: var(--light-link);
}
:root[data-theme="light"] :is(main a:hover, main a:focus-visible, .contact-line button.contact-link:hover, .contact-line button.contact-link:focus-visible) {
  color: var(--bright);
  border-color: var(--light-line-active);
}
:root[data-theme="light"] .contact-invitation summary:hover { color: var(--bright); }
:root[data-theme="light"] .weather-icon[data-unavailable] { color: var(--muted); }
:root[data-theme="light"] .site-footer { border-top-color: #7f6a4c70; }
:root[data-theme="light"][data-rule="terminal"] .site-footer {
  --rule-ink: #6f5b4285;
  border-top-color: transparent;
}
:root[data-theme="light"] :is(.weather-credit, .contact-popover) {
  border-color: #8d795b40;
  background: linear-gradient(135deg, #fffdf84d, #e9dfce12), #f3ede2d9;
  -webkit-backdrop-filter: blur(10px) saturate(.85) brightness(1.03);
  backdrop-filter: blur(10px) saturate(.85) brightness(1.03);
  box-shadow: 0 8px 28px #59452f12, inset 0 1px 0 #ffffff80;
}
:root[data-theme="light"] :is(.social-list li + li, .posts-list li + li) { border-color: #8d795b26; }
:root[data-theme="light"] :is(.social-list a, .post-title) { text-decoration-color: var(--light-line); }
:root[data-theme="light"] :is(.social-list a:hover, .social-list a:focus-visible, .posts-list a:hover .post-title, .posts-list a:focus-visible .post-title) {
  text-decoration-color: var(--light-line-active);
}
:root[data-theme="light"] .command-dialog {
  --terminal-bg: #fbf9f4;
  --terminal-chrome: #f1eadf;
  --terminal-border: #b5a18a;
  --terminal-divider: #d6c7b5;
  --terminal-ink: #493727;
  --terminal-dim: #6b5743;
  --terminal-accent: #291b10;
  --terminal-selection: #e8dccb;
  box-shadow: 0 24px 80px #59452f24;
}
:root[data-theme="light"] .command-dialog::backdrop { background: #51422e1f; }
:root[data-theme="light"] :is(.startup-session, .startup-prompt, .trace-time, .trace-prefix, .trace-out, .startup .startup-render) { color: var(--muted); }
:root[data-theme="light"] .keyboard-control:focus-visible {
  border-color: var(--edge);
  background: #f6f1e8;
}
@media (max-width: 760px) {
  :root[data-theme="light"] .atmosphere {
    background: linear-gradient(180deg, #fcfaf822, #fcfaf888 24%, #fcfaf899 70%, #fcfaf833);
  }
  :root[data-theme="light"][data-background="water"] .atmosphere {
    background: linear-gradient(180deg, #fcfaf808, #fcfaf828 24%, #fcfaf830 70%, #fcfaf808);
  }
}