/* CharMasks design tokens. Dark = the evening saleroom (default); light = the printed catalogue. */
:root {
  --bg: #0C0C0D;
  --plinth: #141415;
  --line: #262523;
  --fg: #E9E4D8;
  --muted: #8D887E;
  --faint: #5E5A53;
  --gilt: #BFA06A;
  --danger: #C9826B;

  --display: "Cormorant Garamond", "Noto Serif TC", Georgia, serif;
  --serif: "Noto Serif TC", "Songti TC", "PMingLiU", Georgia, serif;
  --sans: "Noto Sans TC", -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;

  --gutter: max(20px, env(safe-area-inset-left, 0px));
  --gutter-r: max(20px, env(safe-area-inset-right, 0px));
  --section: clamp(72px, 10vw, 128px);
  --maxw: 1180px;
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F1EEE8; --plinth: #F8F6F1; --line: #DAD4C9; --fg: #1B1A17;
    --muted: #6F6A60; --faint: #A39D92; --gilt: #86672E; --danger: #9A4A33;
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --bg: #F1EEE8; --plinth: #F8F6F1; --line: #DAD4C9; --fg: #1B1A17;
  --muted: #6F6A60; --faint: #A39D92; --gilt: #86672E; --danger: #9A4A33;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #0C0C0D; --plinth: #141415; --line: #262523; --fg: #E9E4D8;
  --muted: #8D887E; --faint: #5E5A53; --gilt: #BFA06A; --danger: #C9826B;
  color-scheme: dark;
}