/*
 * 10i.jp Ranking Lab comment theme.
 * Central source: comment_system_a/public/comments/themes/10i/v1.css
 * Public URL: https://chimatter.com/comments/themes/10i/v1.css
 */

.cmt-root {
  --cmt-font: "Zen Kaku Gothic New", "Noto Sans TC", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cmt-gap: 1rem;
  --cmt-max-width: 44rem;
  --cmt-fg: #22201c;
  --cmt-muted: #6e665a;
  --cmt-border: #e7dfd1;
  --cmt-anchor-color: #c24a26;
  --cmt-highlight: #fbe7a8;
}

.cmt-drawer {
  --cmt-drawer-accent: #e8613c;
  --cmt-drawer-tab-bg: #f4b740;
  --cmt-drawer-tab-fg: #4a3510;
  --cmt-drawer-sheet-bg: #ffffff;
  --cmt-drawer-fg: #22201c;
  --cmt-drawer-scrim: rgba(25, 18, 8, 0.42);
  --cmt-drawer-radius: 18px;
  --cmt-drawer-shadow: 0 -10px 40px rgba(40, 30, 15, 0.16);
}

@media (prefers-color-scheme: dark) {
  .cmt-root {
    --cmt-fg: #ece6da;
    --cmt-muted: #a79d8b;
    --cmt-border: #322d24;
    --cmt-anchor-color: #f2865e;
    --cmt-highlight: #3c2f14;
  }

  .cmt-drawer {
    --cmt-drawer-accent: #f2794f;
    --cmt-drawer-tab-bg: #e8ae3c;
    --cmt-drawer-tab-fg: #241804;
    --cmt-drawer-sheet-bg: #201d17;
    --cmt-drawer-fg: #ece6da;
    --cmt-drawer-scrim: rgba(0, 0, 0, 0.6);
    --cmt-drawer-shadow: 0 -10px 44px rgba(0, 0, 0, 0.55);
  }
}