:root {
  color-scheme: light;

  --paper: #f4f1ea;
  --paper-deep: #ece7de;
  --surface: #fffdf9;
  --surface-muted: #f8f5ef;
  --ink: #17212b;
  --ink-soft: #34414b;
  --muted: #6f777b;
  --muted-light: #8d9395;

  --navy: #183247;
  --navy-strong: #102637;
  --navy-soft: #e7edf0;
  --copper: #a7643a;
  --copper-strong: #874d2b;
  --copper-soft: #efe2d7;

  --green: #2f6752;
  --green-soft: #e7f0eb;
  --red: #8d4140;
  --red-soft: #f4e7e5;
  --amber: #806329;
  --amber-soft: #f4eddc;
  --slate: #8b959b;
  --slate-soft: #e8ebec;

  --line: #d8d2c8;
  --line-strong: #bdb6aa;
  --shadow-soft: 0 10px 26px rgba(24, 33, 39, 0.055);
  --shadow-lift: 0 18px 42px rgba(24, 33, 39, 0.075);

  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 13px;

  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --font-serif: "Iowan Old Style", "Palatino Linotype", "Noto Serif TC", "Songti TC", Georgia, serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --container: 1180px;
  --article: 820px;
  --header-height: 68px;
}