/* Shared materials; each scene supplies its own palette and original vector art. */
[data-skin="snow-night"],[data-skin="christmas"],[data-skin="rain-cabin"] {
  color-scheme:dark;--background:#101f35;--surface:#1d3349d9;--text:#e8f0f5;--muted:#b4c7d6;--line:#d5e5ef36;
  --soft:#2c465c;--accent:#c0d6e5;--hover-background:#355267;--active-background:#c4d9e7;--active-text:#1b3041;
  --panel-shadow:inset 0 1px 0 #e2f1ff18,0 12px 32px #07101c29;--surface-blur:blur(14px);
  --radius-card:24px;--radius-control:15px;--radius-dock:32px;--heading-font:inherit;
  --dock-background:#1a2e42eb;--dock-shadow:inset 0 1px 0 #edf7ff24,0 8px 28px #07101c33;
  --control-shadow:inset 0 1px 0 #ffffff18;--inset-shadow:inset 0 2px 5px #07101c24;
}
[data-skin="snow-night"] { --page-image:url('./scenes/snow-night.svg'); }
[data-skin="christmas"] {
  --background:#142b34;--page-image:url('./scenes/christmas.svg');--surface:#213b44d6;--text:#f3eee2;--muted:#c5ccc5;
  --line:#f4e1b63d;--soft:#354d50;--accent:#e9cf9e;--active-background:#e8cfa2;--active-text:#303b39;
  --hover-background:#40595a;--dock-background:#243c43eb;--radius-card:26px;
}
[data-skin="rain-cabin"] {
  --background:#172f39;--page-image:url('./scenes/rain-cabin.svg');--surface:#233f48d6;--text:#e7efed;--muted:#b7ccc9;
  --line:#bfd3d034;--soft:#355259;--accent:#dfc59a;--active-background:#c9d8cc;--active-text:#263e43;
  --dock-background:#203b45eb;--hover-background:#3c5b61;
}
[data-skin="winter-window"],[data-skin="afterglow"] {
  color-scheme:light;--background:#e7d9c5;--surface:#fff9efd9;--text:#51483e;--muted:#746858;--line:#fff9e5b3;
  --soft:#e2d3bf;--accent:#806448;--active-background:#806448;--active-text:#fff9ed;--hover-background:#f6ebd9;
  --panel-shadow:inset 0 1px 0 #fffaf0cc,0 10px 32px #66534114;--surface-blur:blur(15px);
  --radius-card:24px;--radius-control:14px;--radius-dock:32px;--heading-font:inherit;
  --dock-background:#f5e9d9eb;--dock-shadow:inset 0 1px 0 #fff9edcc,0 8px 26px #51443524;
  --control-shadow:0 2px 5px #6a574512;--inset-shadow:inset 0 2px 4px #6a574512;
}
[data-skin="winter-window"] {
  color-scheme:dark;--background:#18212d;--surface:#1d2b3bd9;--text:#edf3f7;--muted:#bccbd6;--line:#c4d8e534;
  --soft:#2c3d50;--accent:#d6dfe5;--active-background:#c9d8e3;--active-text:#1d2b38;--hover-background:#34495e;
  --page-image:url('./scenes/winter-window.svg');--dock-background:#1b2938ed;
  --panel-shadow:inset 0 1px 0 #e5eff71c,0 10px 32px #060e1a2b;
  --dock-shadow:inset 0 1px 0 #deebf524,0 8px 26px #06101c33;--control-shadow:inset 0 1px 0 #ffffff18;--inset-shadow:inset 0 2px 4px #050f1c30;
}
[data-skin="afterglow"] {
  --background:#dcd5df;--page-image:url('./scenes/afterglow.svg');--surface:#fff7f3d6;--text:#514956;--muted:#756574;
  --soft:#e8d6db;--accent:#8c6374;--line:#fff8f1b8;--hover-background:#f8e8e5;--active-background:#8c6374;
  --active-text:#fff6f1;--dock-background:#f6e8e9e0;--panel-shadow:inset 0 1px 0 #fff8f4d9,0 12px 32px #70566b12;
  --dock-shadow:inset 0 1px 0 #fff9f5b3,0 8px 26px #70566b24;
}
/* Portrait and wide screens retain the full composition, with landmarks below text. */
html:is([data-skin="snow-night"],[data-skin="christmas"],[data-skin="winter-window"],[data-skin="rain-cabin"],[data-skin="afterglow"]) { background-size:100% var(--scene-height,100vh);background-position:center top; }
html[data-dim-while-writing="true"]:is([data-skin="snow-night"],[data-skin="christmas"],[data-skin="winter-window"],[data-skin="rain-cabin"],[data-skin="afterglow"]):has(.writing-shell) {
  background-image:linear-gradient(to bottom,var(--background) 42px,transparent 180px),linear-gradient(var(--writing-scene-tint,#0b1d3459),var(--writing-scene-tint,#0b1d3459)),var(--page-image);
}
html[data-skin="winter-window"] { --writing-scene-tint:#08142140; }
html[data-skin="afterglow"] { --writing-scene-tint:#fff4ec33; }
html[data-dim-while-writing="true"]:is([data-skin="snow-night"],[data-skin="christmas"],[data-skin="rain-cabin"]):has(.writing-shell) .weather-canvas { opacity:.42; }
html[data-skin="winter-window"] .weather-canvas { clip-path:inset(18.3% 11.8% 21.5% round 4px);opacity:.95; }
html[data-skin="winter-window"] .body-input { text-shadow:0 1px 4px #08142199; }
/* Static miniatures share the same scenes and need no extra animation contexts. */
.skin-preview:is([data-skin="forest"],[data-skin="snow-night"],[data-skin="christmas"],[data-skin="winter-window"],[data-skin="rain-cabin"],[data-skin="afterglow"]) { background-image:var(--page-image);background-size:100% 100%; }
.skin-preview:is([data-skin="snow-night"],[data-skin="christmas"])::after { content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#fff9 1px,transparent 2px) 0 0/27px 33px; }
@supports not (backdrop-filter:blur(1px)) {
  [data-skin="snow-night"] {--surface:#1d3349;} [data-skin="christmas"] {--surface:#213b44;}
  [data-skin="rain-cabin"] {--surface:#233f48;} [data-skin="winter-window"] {--surface:#1d2b3b;} [data-skin="afterglow"] {--surface:#fff3ee;}
}