:root {
  color-scheme: light dark;
  --bg: #f2efe7;
  --surface: #faf8f2;
  --text: #282a23;
  --muted: #737569;
  --line: #d4d5c8;
  --accent: #344b38;
  --accent-text: #f8f6ed;
  --soft: #e3e6d8;
  --inverse: #f8f6ed;
  --inverse-bg: #253a2a;
  --overlay: rgb(15 23 14 / .66);
  --photo-text: #fffdf4;
  --notice-bg: #e7e1d3;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;
  --page-gutter: clamp(1.25rem, 5vw, 5.5rem);
  --font-body: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif;
  --font-heading: 'Hiragino Mincho ProN', 'Yu Mincho', 'Noto Serif CJK JP', serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #20251f;
    --surface: #293027;
    --text: #e9eadf;
    --muted: #b0b7a5;
    --line: #4b5545;
    --accent: #d1dfbc;
    --accent-text: #20251f;
    --soft: #354031;
    --inverse: #e9eadf;
    --inverse-bg: #17231a;
    --notice-bg: #30352b;
  }
}