/* 陪练 · H 奶油米色。带 -aa 的是对比度达标色，文字和按钮用这些。 */
:root {
  --ink: #3b2f2a;
  --sub: #7a6a60;
  --sub-aa: #6e5e54;
  --bg: #fff8f0;
  --card: #fffdf9;
  --line: #efdfd0;
  --acc: #e8825a;
  --acc2: #d4673e;
  --acc-text-aa: #ad4a24;
  --btn-aa: #b85a38;
  --soft: #fde6d6;
  --sand: #f7ead9;
  --green: #8fae8b;
  --green-aa: #5a7a56;
  --err: #9f302f;

  --ink2: var(--sub-aa);
  --ink3: var(--sub-aa);
  --bg2: var(--sand);
  --ac: var(--acc);
  --ac-text: var(--acc-text-aa);
  --btn-bg: var(--btn-aa);
  --btn-fg: #fffdf9;

  --font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --sans: var(--font);
  --serif: var(--font);
  --mono: var(--font);

  --fs-h1: 54px;
  --fs-h1-m: 44px;
  --fs-h2: 28px;
  --fs-slogan: 22px;
  --fs-body: 16px;
  --fs-small: 15px;
  --fs-note: 13.5px;
  --lh-body: 1.7;
  --lh-h1: 1.15;

  --r-pill: 999px;
  --r-xl: 40px;
  --r-lg: 36px;
  --r-card: 28px;
  --r-md: 24px;
  --r-sm: 20px;
  --r-icon: 10px;
  --r-btn: 999px;

  --sh-card: 0 8px 24px rgba(160, 110, 70, 0.07);
  --sh-btn: 0 6px 16px rgba(232, 130, 90, 0.28);
  --shadow-1: var(--sh-card);
  --shadow-2: var(--sh-btn);

  --pad-x: 22px;
  --bar-h: 64px;
  --gap-1: 6px;
  --gap-2: 8px;
  --gap-3: 14px;
  --gap-4: 22px;
  --sec-top: 44px;
  --sec-pad: 28px;
  --container: 1080px;
  --t: 0.15s ease;
  color-scheme: light;
}