/* ============================================================
   variables.css
   カラーパレット・共通変数定義
   ============================================================ */

:root {
  /* --- カラーパレット --- */
  --color-main: #1b4332;      /* ディープグリーン：芝生・自然 */
  --color-sub: #0f2537;       /* ネイビーブルー：信頼・誠実・クリーン */
  --color-accent: #00a896;    /* ティールブルー：ボタン・強調 */
  --color-base: #f8f9fa;      /* オフホワイト：ベース */

  --color-text: #1a1a1a;
  --color-text-muted: #5a6470;
  --color-border: #e2e5e8;
  --color-white: #ffffff;

  /* --- タイポグラフィ --- */
  --font-base: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;
  --font-display: "Noto Serif JP", "Hiragino Mincho ProN", serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.5rem;
  --fs-3xl: 3.5rem;

  /* --- スペーシング --- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;

  /* --- レイアウト --- */
  --max-width: 1200px;
  --radius: 4px;
  --transition: 0.3s ease;

  /* --- ブレークポイント目安（コメントのみ・メディアクエリで直接使用） ---
     sm: 480px / md: 768px / lg: 1024px / xl: 1440px
  */
}