/* 色・サイズ・余白の値はこの1か所だけ（見た目仕様書 §1） */
:root {
  color-scheme: light;
  --base: #FFFFFF;
  --surface: #F5F8F7;
  --line: #D9E2E0;
  --ink: #14201F;
  --sub: #56635F;
  --mint: #DDF3EF;
  --deep: #0E6B63;
  --accent: #FF6A2A;
  --accent-soft: #FFE9DE;

  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s6: 48px;
  --r: 8px;
  --r-sheet: 16px;
  --tap: 48px;

  --fs-h1: 28px;
  --fs-h2: 18px;
  --fs-body: 15px;
  --fs-note: 13px;
  --font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Noto Sans JP", Meiryo, sans-serif;
}