/* Typography A: local system fonts, with no webfont downloads. */
:root {
  color-scheme: light;
  --font-latin: system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-sans-cn: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-serif-display: "Songti SC", STSong, "Noto Serif CJK SC", "SimSun", serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --font-reading: var(--font-sans-cn);
  --text-overline: .75rem;
  --text-caption: .875rem;
  --text-ui: .9375rem;
  --text-body: 1rem;
  --text-lead: 1.125rem;
  --text-heading-small: 1.25rem;
  --text-heading-medium: 1.5rem;
  --text-heading: 1.75rem;
  --text-title: 2rem;
  --text-title-large: 2.25rem;
  --text-display-small: 2.625rem;
  --text-display-medium: 3rem;
  --text-display-large: 3.5rem;
  --text-display: 4.125rem;
  --leading-body: 1.75;
  --leading-reading: 1.85;
  --leading-ui: 1.5;
  --leading-heading: 1.4;
  --tracking-cn: 0;
  --tracking-display: .04em;
  --tracking-label-latin: .08em;
  --measure-reading: 42rem;
  --color-ink: #171916;
  --color-reading: #3f3c34;
  --color-paper: #f6f5f1;
  --color-surface: #fffefa;
  --color-muted: #62665b;
  --color-accent: #344a3b;
  --color-accent-text: #795d3a;
  --color-accent-display: #9b805d;
  --color-line: #deded7;
  --color-error-text: #8b3d2b;
  --color-success-text: #3e603d;
  --color-on-dark: #f1f0e9;
  --color-muted-on-dark: #b9bdaf;
  --color-image-text: #fff;
  --color-image-label: rgba(23,25,22,.85);
  --gradient-image-caption: linear-gradient(0deg, rgba(17,20,15,.78), rgba(17,20,15,.12) 70%);
  --gradient-image-title: linear-gradient(180deg, rgba(18,16,12,.48), rgba(18,16,12,.55) 50%, rgba(18,16,12,.48));
  --gradient-hero-shade: linear-gradient(180deg, rgba(17,20,15,.28), transparent 30%, transparent 65%, rgba(17,20,15,.3));
  --focus-ring: 2px solid #405c44;
  --focus-ring-inverse: 2px solid #e7d6b3;
  --control-height: 2.75rem;
  --space-text: 1.25em;
  --page-hero-height: 22rem;
  --page-hero-height-mobile: 20rem;
  --page-hero-padding-block: 3.5rem;
}