:root {
  color-scheme: light;

  --cjb-canvas: #bbb3a3;
  --cjb-paper: #eee7d7;
  --cjb-paper-raised: #f7f1e4;
  --cjb-paper-deep: #d8cfbb;
  --cjb-paper-translucent: rgba(247, 241, 228, .72);

  --cjb-ink-strong: #28352d;
  --cjb-ink: #4e564e;
  --cjb-ink-muted: #4e564e;
  --cjb-ink-faint: #5d655d;
  --cjb-on-primary: #fffaf0;

  --cjb-copper: #8b6654;
  --cjb-copper-pressed: #7d5847;
  --cjb-green: #435c4d;
  --cjb-sage: #879382;
  --cjb-gold: #b7945e;
  --cjb-recording: #9c665d;
  --cjb-danger: #8b3b2f;

  --cjb-success-bg: rgba(67, 92, 77, .12);
  --cjb-warning-bg: rgba(156, 102, 93, .12);
  --cjb-danger-bg: rgba(139, 59, 47, .10);
  --cjb-neutral-bg: rgba(78, 86, 78, .07);

  --cjb-line: rgba(54, 66, 56, .19);
  --cjb-line-strong: rgba(54, 66, 56, .35);
  --cjb-hairline: rgba(54, 66, 56, .11);
  --cjb-focus: #28352d;

  --cjb-font-story: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", serif;
  --cjb-font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  --cjb-text-10: 10px;
  --cjb-text-11: 11px;
  --cjb-text-12: 12px;
  --cjb-text-13: 13px;
  --cjb-text-15: 15px;
  --cjb-text-17: 17px;
  --cjb-title-20: 20px;
  --cjb-title-28: 28px;
  --cjb-title-40: 40px;

  --cjb-leading-tight: 1.15;
  --cjb-leading-title: 1.28;
  --cjb-leading-ui: 1.5;
  --cjb-leading-body: 1.75;
  --cjb-leading-story: 1.95;

  --cjb-space-1: 4px;
  --cjb-space-2: 8px;
  --cjb-space-3: 12px;
  --cjb-space-4: 16px;
  --cjb-space-5: 24px;
  --cjb-space-6: 32px;
  --cjb-space-7: 40px;
  --cjb-space-8: 48px;
  --cjb-space-9: 64px;

  --cjb-shell-phone: 430px;
  --cjb-container-reading: 760px;
  --cjb-container-poster: 920px;
  --cjb-container-admin: 1180px;
  --cjb-page-gutter: 20px;

  --cjb-radius-paper: 2px;
  --cjb-radius-control: 8px;
  --cjb-radius-pill: 999px;
  --cjb-touch-min: 44px;

  --cjb-shadow-paper: 0 18px 50px rgba(52, 58, 48, .08);
  --cjb-shadow-raised: 0 14px 40px rgba(41, 49, 42, .16);
  --cjb-shadow-button: 0 10px 24px rgba(83, 58, 44, .18);

  --cjb-duration-fast: 160ms;
  --cjb-duration-normal: 240ms;
  --cjb-duration-screen: 420ms;
  --cjb-duration-growth: 700ms;
  --cjb-ease: cubic-bezier(.2, .8, .2, 1);
}

@media (max-width: 374px) {
  :root { --cjb-page-gutter: 14px; }
}