/* Generated scenic images are site-wide; text rests on an opaque reading surface. */
:root[data-site-theme="landscape"] { --accent: var(--success); --accent-soft: var(--success-tint); --brand: var(--success); --brand-soft: var(--success-tint); --theme-image: url('../images/themes/landscape.webp'); }
:root[data-site-theme="courtyard"] { --theme-image: url('../images/themes/autumn-courtyard.webp'); --ink-soft: var(--ink); --ink-faint: var(--ink); --accent: var(--ink); --brand: var(--ink); }
:root[data-site-theme="stars"] {
    color-scheme: dark;
    --paper: #171614;
    --paper-soft: #201e1b;
    --paper-deep: #2a2723;
    --ink-deepest: #f4f1e9;
    --ink: #ded9cf;
    --ink-soft: #a9a294;
    /* 暗色同理：纸灰底上要 ≥4.5（量到过 4.49 的边界值） */
    --ink-faint: #948d80;
    --line: rgba(240, 236, 227, 0.14);
    --line-soft: rgba(240, 236, 227, 0.07);
    --line-strong: rgba(240, 236, 227, 0.24);
    --accent: #c9a273;
    --accent-soft: rgba(201, 162, 115, 0.14);
    --accent-tint: rgba(201, 162, 115, 0.22);
    --success: #8fbe8f;
    --success-tint: rgba(143, 190, 143, 0.14);
    --info: #8fb2c0;
    --info-tint: rgba(143, 178, 192, 0.14);
    --danger: #d98a7c;
    --danger-tint: rgba(217, 138, 124, 0.14);
    --sev-1: #d3b070;
    --sev-2: #e0a077;
    --sev-3: #e2937f;
    --sev-4: #e98f78;
    --brand: #d68a5f;
    --brand-soft: rgba(214, 138, 95, 0.16);
    --scrim: rgba(0, 0, 0, 0.62);
    --photo-overlay: rgba(0, 0, 0, 0.72);
    --photo-ink: #faf8f3;
    --shadow-color: rgba(0, 0, 0, 1);
    --shadow-card: 0 12px 28px rgba(0, 0, 0, 0.45);
    --shadow-pop: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-panel: 0 6px 24px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(0, 0, 0, 0.3);
  --theme-image: url('../images/themes/night.webp');
}
html[data-site-theme] body { position: relative; isolation: isolate; }
.site-motion-layer { position: fixed; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }
.site-motion-layer[hidden] { display: none; }
html[data-site-theme]:not([data-site-theme="paper"]) body::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: var(--paper) var(--theme-image) center / cover no-repeat; }
html[data-site-theme]:not([data-site-theme="paper"]) .page-shell { background: color-mix(in srgb, var(--paper) 76%, transparent); border-inline: 1px solid var(--line); min-height: 100vh; }
html[data-site-theme]:not([data-site-theme="paper"]) #app { background: color-mix(in srgb, var(--paper) 0%, transparent); }
/* Keep scenery visible while giving menu text a quiet reading surface. */
html[data-site-theme]:not([data-site-theme="paper"]) #app > header { background: color-mix(in srgb, var(--paper) 82%, transparent); backdrop-filter: blur(var(--sp-1)); -webkit-backdrop-filter: blur(var(--sp-1)); padding-inline: var(--sp-4); }
html[data-site-theme]:not([data-site-theme="paper"]) #day-grid .cell { background-color: color-mix(in srgb, var(--paper) 82%, transparent); }
html[data-site-theme]:not([data-site-theme="paper"]) #day-grid .info-cell { background-color: color-mix(in srgb, var(--paper-soft) 86%, transparent); }
[data-site-theme="landscape"] .home-edition .edition-manifesto { color: var(--success); }
.site-theme-menu { position: relative; color: var(--ink-soft); font: var(--fs-sm) var(--sans); }
.site-theme-menu summary { cursor: pointer; display: flex; align-items: center; min-height: 44px; }
.site-theme-options { position: absolute; right: 0; top: 100%; z-index: 30; width: calc(var(--sp-8) * 3); padding: var(--sp-4); border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: var(--shadow-pop); }
.site-theme-options label { display: flex; flex-direction: column; gap: var(--sp-2); }
.site-theme-options select { min-height: 44px; width: 100%; font: var(--fs-sm) var(--sans); color: var(--ink); background: var(--paper-soft); border: 1px solid var(--line); border-radius: var(--radius); margin-top: var(--sp-2); }
@media (max-width: 720px) {
  :root[data-site-theme="landscape"] { --theme-image: url('../images/themes/landscape-mobile.webp'); }
  :root[data-site-theme="courtyard"] { --theme-image: url('../images/themes/autumn-courtyard-mobile.webp'); }
  :root[data-site-theme="stars"] { --theme-image: url('../images/themes/night-mobile.webp'); }
  .home-edition .edition-masthead { flex-wrap: wrap; gap: var(--sp-2); }
  .site-theme-options select { font-size: var(--fs-base); }
  .site-theme-menu { width: 100%; }
  .site-theme-options { position: static; width: 100%; box-shadow: none; }
}

/* Stronger scenery, with ink tuned for the translucent reading surfaces. */
:root[data-site-theme="landscape"] { --ink-soft: #3f4036; --ink-faint: #3f4036; --accent: #244a35; --brand: #244a35; }
:root[data-site-theme="stars"] { --ink-soft: var(--ink); --ink-faint: var(--ink); --accent: #ead2a8; --brand: #ead2a8; }
@media (prefers-color-scheme: dark) { :root[data-site-theme="landscape"] { --ink-soft: var(--ink); --ink-faint: var(--ink); --accent: #cce0cb; --brand: #cce0cb; } }