/* TsugiV: warm paper, coral highlights, and Mikke's plum ink. */
.taste-preview {
  color-scheme: light;
  --font-display: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  --font-body: "Noto Sans JP", sans-serif;

  --color-paper: light-dark(#fff8ed, #241f2a);
  --color-paper-raised: light-dark(#fffdfa, #332b3b);
  --color-paper-soft: light-dark(#f3eadc, #403648);
  --color-paper-cyan: light-dark(#e1f1e9, #273f3b);
  --color-paper-coral: light-dark(#ffe5dc, #50333e);
  --color-ink: light-dark(#332b3c, #fff6e9);
  --color-ink-soft: light-dark(#594b5b, #dfd0df);
  --color-muted: light-dark(#716176, #c0afc6);
  --color-rule: light-dark(#dfd2ce, #605169);
  --color-rule-strong: light-dark(#9b8a98, #9c89a7);
  --color-control-rule: light-dark(#7b6b7d, #ac98b4);
  --color-accent: light-dark(#ff927c, #ffad95);
  --color-accent-ink: #332b3c;
  --color-accent-strong: light-dark(#ae382f, #ffb6a2);
  --color-coral: light-dark(#ffac98, #ffad95);
  --color-coral-ink: #332b3c;
  --color-pear: light-dark(#f8dc75, #efd27a);
  --color-pear-ink: #3c301e;
  --color-live: light-dark(#b8344b, #ffa2b3);
  --color-live-ink: light-dark(#fffdfa, #332b3c);
  --color-focus: light-dark(#3763a0, #adcaff);
  --color-error: light-dark(oklch(47.5% 0.185 25), oklch(69% 0.15 25));
  --color-error-soft: light-dark(oklch(95% 0.025 25), oklch(27% 0.05 25));
  --color-error-ink: light-dark(oklch(34% 0.13 25), oklch(90% 0.035 25));
  --color-shadow: light-dark(#4d354324, #100b1670);
  --color-shadow-strong: light-dark(#4d354345, #100b1699);
  --color-backdrop: light-dark(oklch(22.4% 0.018 255 / 0.64), oklch(0% 0 0 / 0.76));
  --color-skeleton: light-dark(#eadfda, #504356);
  --color-outline: light-dark(#544253, #aa90b1);
  --color-sticker-ink: #332b3c;
  --color-mint: #bce2d5;
  --color-lilac: #e6d6ee;
  --shadow-sticker: 0.2rem 0.25rem 0 var(--color-shadow-strong);

  --radius-sm: 0.75rem;
  --radius-md: 1.25rem;
  --radius-lg: 1.75rem;
  --layout-max: 86rem;
  --header-height: 4.75rem;
}

.taste-preview[data-theme="dark"] {
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .taste-preview:not([data-theme]) {
    color-scheme: dark;
  }
}