@font-face {
  font-family: "Smiley Sans";
  src: url("/assets/fonts/SmileySans-Oblique.woff2") format("woff2");
  font-display: swap;
}

:root {
  --rcl-paper: #f8f3eb;
  --rcl-canvas: #f3efe7;
  --rcl-white: #fffdf8;
  --rcl-ink: #242115;
  --rcl-body: rgba(36, 33, 21, .82);
  --rcl-muted: #8b8374;
  --rcl-hairline: #e5dccd;
  --rcl-section-line: #ddd2c1;
  --rcl-olive: #625c3b;
  --rcl-olive-dark: #4d4830;
  --rcl-accent-soft: rgba(98, 92, 59, .13);
  --rcl-panel: #272619;
  --rcl-sage: #d7ddcb;
  --rcl-mist: #dfe8e6;
  --rcl-success: #5d6f45;
  --rcl-success-soft: rgba(93, 111, 69, .14);
  --rcl-warning: #9a7043;
  --rcl-warning-soft: rgba(154, 112, 67, .16);
  --rcl-danger: #8d5147;
  --rcl-danger-soft: rgba(141, 81, 71, .15);
  --rcl-info: #60767a;
  --rcl-info-soft: rgba(96, 118, 122, .16);

  --rcl-font: "Smiley Sans", "得意黑", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --rcl-radius-sm: 8px;
  --rcl-radius-md: 10px;
  --rcl-radius-lg: 16px;
  --rcl-radius-pill: 999px;
  --rcl-shadow-sm: 0 1px 0 rgba(255, 255, 255, .82);
  --rcl-shadow-md: 0 16px 36px rgba(57, 49, 32, .1);
  --rcl-shadow-lg: 0 20px 42px rgba(57, 49, 32, .12);
  --rcl-focus: 3px solid rgba(98, 92, 59, .28);
  --rcl-page-max: 1160px;
  --rcl-content-max: 1040px;
  --rcl-control-min: 38px;
  --rcl-transition: .16s ease;
}