/* フォント設定 - fonts.css */

/* Google Fonts読み込み */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@500&display=swap');

/* カスタムプロパティ（CSS変数）でフォントを定義 */
:root {
  /* 基本フォント（日本語） - Regular */
  --font-jp-base: 'Noto Sans JP', sans-serif;
  
  /* ファーストビューフォント - Medium */
  --font-jp-hero: '遊ゴシック', 'Yu Gothic', 'YuGothic', sans-serif;
  
  /* 英語フォント - Jost Medium */
  --font-en: 'Jost', sans-serif;
  
  /* フォントサイズ（clampを使用） */
  --font-size-xxs: clamp(0.75rem, 2vw, 0.8125rem);    /* 12-13px */
  --font-size-xs: clamp(0.875rem, 2.5vw, 1rem);       /* 14-16px */
  --font-size-sm: clamp(1rem, 2.5vw, 1rem);           /* 16-16px */
  --font-size-md: clamp(1rem, 2.5vw, 1.25rem);        /* 16-20px */
  --font-size-base: clamp(1.125rem, 3vw, 1.25rem);    /* 18-20px */
  --font-size-lg: clamp(1.25rem, 3.5vw, 1.5rem);      /* 20-24px */
  --font-size-xl: clamp(1.5rem, 4vw, 1.5rem);         /* 24-24px */
  --font-size-xxl: clamp(2.5rem, 6vw, 3rem);          /* 40-48px */
  --font-size-hero: clamp(2rem, 5vw, 3.5rem);         /* 32-56px */
  --font-size-stat-number: clamp(48px, 8vw, 72px);    /* 48-72px */
  --font-size-stat-title: clamp(18px, 3vw, 24px);     /* 18-24px */
  
  /* 行間 */
  --line-height-base: 1.6;
  
  /* 文字間 */
  --letter-spacing-base: 0;
}

/* 基本的なタイポグラフィクラス */

/* 日本語テキスト用（Regular） */
.text-jp {
  font-family: var(--font-jp-base);
  font-weight: 400;
  line-height: var(--line-height-base);
  letter-spacing: var(--letter-spacing-base);
}

/* ファーストビュー用（Medium） */
.text-hero {
  font-family: var(--font-jp-hero);
  font-weight: 500;
  line-height: var(--line-height-base);
  letter-spacing: var(--letter-spacing-base);
}

/* 英語テキスト用 */
.text-en {
  font-family: var(--font-en);
  font-weight: 500;
  line-height: var(--line-height-base);
  letter-spacing: 0.02em;
}