/* tokens.css */
:root {
  /* Colors */
  --color-primary: #2D5016; /* ディープモスグリーン */
  --color-secondary: #C75B2A; /* テラコッタ */
  --color-accent: #E8725C; /* コーラル */
  --color-line: #06C755; /* LINE緑 */
  
  --color-bg-base: #FFF8F0; /* ソフトクリーム */
  --color-bg-alt: #F5F0EB; /* ウォームベージュ */
  
  --color-text-main: #333333;
  --color-text-muted: #666666;
  --color-white: #FFFFFF;
  
  /* Typography */
  --font-base: 'Noto Sans JP', sans-serif;
  --font-heading: 'Noto Serif JP', serif;
  
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 24px;
  --font-size-xl: 32px;
  
  /* Layout */
  --container-width: 1200px;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 48px;
  --spacing-xl: 80px;
  
  /* Radii & Shadows */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
}