/* Mirrored from wechat-miniapp/styles/theme.wxss; rpx → CSS px at 375px. */
:root {
  --bh-font-caption: 12px;
  --bh-font-action: 13px;
  --bh-touch-min: 44px;
  --bh-color-canvas: #f7f6f3;
  --bh-color-surface: #ffffff;
  --bh-color-surface-muted: #f2f0ec;
  --bh-color-control: #ebe8e3;
  --bh-color-ink: #201a17;
  --bh-color-body: #544c47;
  --bh-color-muted: #746b65;
  --bh-color-subtle: #776e67;
  --bh-color-line: #e4dfda;
  --bh-color-divider: #ece8e4;

  --bh-color-accent: #f05a22;
  --bh-color-accent-strong: #d94b17;
  --bh-color-accent-soft: #fff0e8;
  --bh-color-green: #2f7d58;
  --bh-color-green-soft: #e1f1e7;
  --bh-color-warning: #9b5d05;
  --bh-color-warning-soft: #fff3dc;
  --bh-color-danger: #8d3f2d;
  --bh-color-danger-soft: #f7ece8;
  --bh-color-on-dark-muted: rgba(255, 255, 255, .68);
  --bh-color-on-dark-faint: rgba(255, 255, 255, .07);
  --bh-color-success-stamp: #8ce0c5;
  --bh-color-danger-stamp: #ffb39f;
  --bh-color-danger-border: rgba(141, 63, 45, .18);
  --bh-color-overlay: rgba(32, 26, 23, .42);
  --bh-color-overlay-soft: rgba(32, 26, 23, .08);

  --bh-radius-card: 10px;
  --bh-radius-control: 7px;
  --bh-radius-action: 5px;
  --bh-control-inset: 6px;
  --bh-radius-pill: 499.5px;
  --bh-page-gutter: 14px;
  --bh-space-section: 16px;
  --bh-shadow-card: 0 4px 12px rgba(45, 34, 28, .045);
  --bh-shadow-float: 0 5px 12px rgba(32, 26, 23, .12);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bh-color-canvas: #171411;
    --bh-color-surface: #211d1a;
    --bh-color-surface-muted: #292420;
    --bh-color-control: #312b27;
    --bh-color-ink: #f8f4f0;
    --bh-color-body: #d4cbc4;
    --bh-color-muted: #b8aea7;
    --bh-color-subtle: #91877f;
    --bh-color-line: #3c3530;
    --bh-color-divider: #332d29;
    --bh-color-accent: #ff7a3d;
    --bh-color-accent-strong: #ff8b57;
    --bh-color-accent-soft: #3a251c;
    --bh-color-green: #69b98c;
    --bh-color-green-soft: #1d392b;
    --bh-color-warning: #e2ad5f;
    --bh-color-warning-soft: #3a2d19;
    --bh-color-danger: #e2927e;
    --bh-color-danger-soft: #3b2520;
    --bh-color-on-dark-muted: rgba(255, 255, 255, .7);
    --bh-color-on-dark-faint: rgba(255, 255, 255, .09);
    --bh-color-success-stamp: #8ce0c5;
    --bh-color-danger-stamp: #ffb39f;
    --bh-color-danger-border: rgba(226, 146, 126, .28);
    --bh-color-overlay: rgba(0, 0, 0, .62);
    --bh-color-overlay-soft: rgba(0, 0, 0, .22);
    --bh-shadow-card: none;
    --bh-shadow-float: 0 5px 12px rgba(0, 0, 0, .24);
  }
}