:root {
  --color-paper: #F7F5EE;
  --color-surface: #FDFCF8;
  --color-ink: #163A35;
  --color-accent: #1B6B2A;
  --color-leaf: #76C900;
  --color-muted: #596B63;
  --color-rule: #D9DDD2;
  --color-soft: #EBEEE5;
  --color-line: #06C755;
  --color-white: #FFFFFF;
  --color-dark-text: #E2E9E1;
  --color-brown: #9A5F00;
  --color-clear: transparent;
  --font-display: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --font-body: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --font-number: "Outfit", "Noto Sans TC", sans-serif;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --text-display: clamp(2.25rem,4.6vw,3.8rem);
  --text-heading: clamp(1.75rem,3vw,2.5rem);
  --text-body: 1rem;
  --text-small: .875rem;
  --radius-button: 8px;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in: cubic-bezier(.7,0,.84,0);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-short: 160ms;
}