/* CSS変数定義 */

:root {
  /* カラーパレット */
  --color-primary: #4B2E83;        /* 東北大学カラー（濃い紫） */
  --color-secondary: #003366;      /* 熊本大学カラー（濃い青） */
  --color-accent: #FFD700;         /* アクセントカラー（黄色） */
  --color-text: #333333;
  --color-text-light: #666666;
  --color-text-white: #FFFFFF;
  --color-bg: #FFFFFF;
  --color-bg-light: #F5F5F5;
  --color-border: #E0E0E0;
  
  /* タイポグラフィ */
  --font-family-base: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
  --font-family-heading: 'Noto Sans JP', sans-serif;
  --font-size-base: 16px;
  --font-size-small: 14px;
  --font-size-large: 18px;
  --font-size-h1: 48px;
  --font-size-h2: 36px;
  --font-size-h3: 24px;
  --line-height-base: 1.8;
  --line-height-heading: 1.4;
  
  /* スペーシング */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 24px;
  --spacing-xl: 24px;
  
  /* セクション縦余白（グリッド余白と分離） */
  --section-space-y: 80px;
  --section-space-y-mobile: 48px;
  
  /* レイアウト */
  --container-max-width: 1200px;
  --container-padding: 20px;
  
  /* アニメーション */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* ブレークポイント */
  --breakpoint-mobile: 767px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  
  /* Z-index */
  --z-index-header: 1000;
  --z-index-overlay: 900;
  --z-index-modal: 1100;
}