:root {
  --sm-color-primary: #0b5738;
  --sm-color-primary-hover: #08452d;
  --sm-color-primary-pale: #edf5f1;
  --sm-color-cta-primary: #55b800;
  --sm-color-cta-primary-hover: #469b00;
  --sm-color-cta-secondary: #2874d0;
  --sm-color-cta-secondary-hover: #1f5fae;
  --sm-color-text: #222222;
  --sm-color-text-muted: #666666;
  --sm-color-border: #d9d9d9;
  --sm-color-border-light: #e8e8e8;
  --sm-color-bg: #ffffff;
  --sm-color-bg-soft: #f6f7f6;
  --sm-color-bg-warm: #f7f5eb;
  --sm-color-footer: #292929;
  --sm-container: 1180px;
  --sm-main-width: 820px;
  --sm-sidebar-width: 280px;
  --sm-gap: 40px;
  --sm-radius: 2px;
  --sm-font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}