/* 柔らかなSaaS / soft-saas — design tokens */
:root {
  --color-bg: #fbf9f6;         /* 温かみのあるオフホワイト（純白は使わない） */
  --color-bg-alt: #f2ede5;     /* セクション替えのクリーム */
  --color-text: #33302c;       /* 温かい黒 */
  --color-text-weak: #7a736a;
  --color-primary: #2f6f5e;    /* 深い青緑。SaaSの「青紫」を避ける主役色 */
  --color-primary-soft: #dcebe5; /* 主役色の淡面。バッジ・図版の面に */
  --color-accent: #e0a458;     /* 蜂蜜色。強調は面積5%以下 */
  --color-line: #e4ddd2;

  /* 変数には総称ファミリを含めない */
  --font-heading: "Zen Kaku Gothic New";
  --font-body: "Zen Kaku Gothic New";
  --font-latin: "Bricolage Grotesque"; /* 欧文見出し・数字。Interを使わないための要 */

  --space-unit: 8px;
  --radius: 12px;              /* 角丸は使うが12px固定。20px超の丸みは禁止 */
  --max-width: 1120px;

  --leading-body: 1.9;
  --tracking-body: 0.02em;
}