/* デザイントークン */
:root {
  --c-bg:        #f7f6f4;
  --c-surface:   #ffffff;
  --c-surface-2: #faf9f7;
  --c-ink:       #1f1d1a;
  --c-ink-2:     #4a453e;
  --c-ink-3:     #6e675d;
  --c-line:      #e4e0d9;
  --c-line-2:    #d5cfc4;
  --c-accent:    #8a6d36;
  --c-accent-2:  #75592b;
  --c-accent-bg: #f3ecdd;
  --c-code-bg:   #23211e;
  --c-code-ink:  #e9e5dd;

  --f-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --f-en: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --f-mono: "SFMono-Regular", Consolas, "Courier New", monospace;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  --r-sm: 0;
  --r-md: 0;
  --r-lg: 0;

  --shadow-sm: 0 1px 2px rgba(31, 29, 26, .06);
  --shadow-md: 0 6px 24px rgba(31, 29, 26, .08);

  --wrap: 1180px;
}