:root {
  --color-white: #FFFFFF;
  --color-bg-alt: #FBF8F2;
  --color-ink: #2A2822;
  --color-ink-muted: #6E6355;
  --color-rule: rgba(42, 36, 29, 0.14);

  --color-gold: #C7A76C;
  --color-gold-tint: #F1E6CD;
  --color-gold-deep: #9C7C46;

  --color-turquoise: #7FE7DE;
  --color-turquoise-tint: #E4FAF7;

  --color-orange: #FA8000;
  --color-yellow: #FFF700;
  --color-line: #06C755;

  --radius-card: 6px;
  --radius-pill: 999px;

  --font-head: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;
  --font-body: "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Noto Sans JP", -apple-system, sans-serif;

  --container-width: 1120px;
  --space-section: 88px;

  --shadow-card: 0 1px 2px rgba(42, 36, 29, 0.06), 0 8px 24px -12px rgba(42, 36, 29, 0.18);
}

@media (max-width: 782px) {
  :root {
    --space-section: 56px;
  }
}