:root {
  --color-primary: #171719;
  --color-on-primary: #ffffff;
  --color-secondary: #68686f;
  --color-faint: #8a8a91;
  --color-tertiary: #ffdb35;
  --color-on-tertiary: #151515;
  --color-background: #fffdf9;
  --color-surface: #ffffff;
  --color-surface-muted: #f6f3ed;
  --color-surface-band: #f5f8f7;
  --color-border: #e5e1d8;
  --color-blue-soft: #e1f2ff;
  --color-green-soft: #e3f7ea;
  --color-peach-soft: #ffe8d5;
  --color-yellow-soft: #fff2a8;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
  --font-body-ja: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Yu Gothic", sans-serif;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-section-y: 86px;
  --spacing-page-x: 76px;
  --shadow-hover: 0 12px 28px rgba(18, 18, 20, 0.12);
}