/* Load after styles.css. Palette previews inherit the page's light/dark theme. */
html:not([data-palette]),
html[data-palette="studio"],
.palette-samples[data-palette="studio"] {
  --cal-zero-bg: #f3f1f5; --cal-zero-text: #635d6d;
  --cal-low-bg: #fff1ad; --cal-low-text: #6b5200;
  --cal-mid-bg: #d9efce; --cal-mid-text: #315b25;
  --cal-high-bg: #b6e2d7; --cal-high-text: #174d42;
  --cal-premium-bg: #b8d6f4; --cal-premium-text: #234b74;
  --cal-peak-bg: #cebdeb; --cal-peak-text: #49316f;
  --cal-loss-bg: #f9cdce; --cal-loss-text: #8b2835;
}
html[data-theme="dark"]:not([data-palette]),
html[data-theme="dark"][data-palette="studio"],
html[data-theme="dark"] .palette-samples[data-palette="studio"] {
  --cal-zero-bg: #2a2730; --cal-zero-text: #c0b9ca;
  --cal-low-bg: #51451b; --cal-low-text: #ffdf75;
  --cal-mid-bg: #29402a; --cal-mid-text: #c2e9a5;
  --cal-high-bg: #214b42; --cal-high-text: #a8ead4;
  --cal-premium-bg: #274867; --cal-premium-text: #b9dcff;
  --cal-peak-bg: #493465; --cal-peak-text: #dfc7ff;
  --cal-loss-bg: #612b34; --cal-loss-text: #ffd1d7;
}
html[data-palette="atelier"],
.palette-samples[data-palette="atelier"] {
  --cal-zero-bg: #efede6; --cal-zero-text: #625f56;
  --cal-low-bg: #f3e2a1; --cal-low-text: #645018;
  --cal-mid-bg: #dce3c5; --cal-mid-text: #48552d;
  --cal-high-bg: #bfd8cd; --cal-high-text: #324f45;
  --cal-premium-bg: #c3d1df; --cal-premium-text: #364b63;
  --cal-peak-bg: #d8c6dc; --cal-peak-text: #5e3e65;
  --cal-loss-bg: #ebc2bf; --cal-loss-text: #7d2f32;
}
html[data-theme="dark"][data-palette="atelier"],
html[data-theme="dark"] .palette-samples[data-palette="atelier"] {
  --cal-zero-bg: #302e28; --cal-zero-text: #c9c3b4;
  --cal-low-bg: #4c4225; --cal-low-text: #edda96;
  --cal-mid-bg: #383f2b; --cal-mid-text: #d3ddb2;
  --cal-high-bg: #2c453c; --cal-high-text: #bfdaca;
  --cal-premium-bg: #354351; --cal-premium-text: #c4d6e7;
  --cal-peak-bg: #4a374e; --cal-peak-text: #dec6e3;
  --cal-loss-bg: #563034; --cal-loss-text: #f2c0c4;
}
html[data-palette="vivid"],
.palette-samples[data-palette="vivid"] {
  --cal-zero-bg: #ebedf1; --cal-zero-text: #535c6c;
  --cal-low-bg: #ffe16b; --cal-low-text: #584000;
  --cal-mid-bg: #b8df79; --cal-mid-text: #2f4913;
  --cal-high-bg: #257c70; --cal-high-text: #ffffff;
  --cal-premium-bg: #2d64ab; --cal-premium-text: #ffffff;
  --cal-peak-bg: #7144a4; --cal-peak-text: #ffffff;
  --cal-loss-bg: #bd3548; --cal-loss-text: #ffffff;
}
html[data-theme="dark"][data-palette="vivid"],
html[data-theme="dark"] .palette-samples[data-palette="vivid"] {
  --cal-zero-bg: #292d36; --cal-zero-text: #bfc8d8;
  --cal-low-bg: #e8be32; --cal-low-text: #392c00;
  --cal-mid-bg: #94c94b; --cal-mid-text: #263b0b;
  --cal-high-bg: #56c5ad; --cal-high-text: #123e34;
  --cal-premium-bg: #77b6ed; --cal-premium-text: #173e62;
  --cal-peak-bg: #bc8fea; --cal-peak-text: #392054;
  --cal-loss-bg: #f18291; --cal-loss-text: #541923;
}

.day.heat-4, [data-theme="dark"] .day.heat-4 {
  background: var(--cal-premium-bg); color: var(--cal-premium-text);
}
.day.heat-5, [data-theme="dark"] .day.heat-5 {
  background: var(--cal-peak-bg); color: var(--cal-peak-text);
}
.swatch.level1, .swatch.level-1 { background: var(--cal-low-bg); }
.swatch.level2, .swatch.level-2 { background: var(--cal-mid-bg); }
.swatch.level3, .swatch.level-3 { background: var(--cal-high-bg); }
.swatch.level4, .swatch.level-4 { background: var(--cal-premium-bg); }
.swatch.level5, .swatch.level-5 { background: var(--cal-peak-bg); }

/* Keep the same sans serif voice as the app, with aligned financial figures. */
.day .day-value, .calendar-grid.full .day strong {
  font-family: inherit;
  font-variant-numeric: tabular-nums;
  font-kerning: normal;
  letter-spacing: normal;
  font-weight: 500;
}
.palette-samples {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
}
.palette-sample {
  display: grid;
  place-items: center;
  min-height: 35px;
  min-width: 0;
  padding: 6px 2px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  font-kerning: normal;
  letter-spacing: normal;
}
.palette-sample.heat-negative { background: var(--cal-loss-bg); color: var(--cal-loss-text); }
.palette-sample.heat-0 { background: var(--cal-zero-bg); color: var(--cal-zero-text); }
.palette-sample.heat-1 { background: var(--cal-low-bg); color: var(--cal-low-text); }
.palette-sample.heat-2 { background: var(--cal-mid-bg); color: var(--cal-mid-text); }
.palette-sample.heat-3 { background: var(--cal-high-bg); color: var(--cal-high-text); }
.palette-sample.heat-4 { background: var(--cal-premium-bg); color: var(--cal-premium-text); }
.palette-sample.heat-5 { background: var(--cal-peak-bg); color: var(--cal-peak-text); }