/* CSS Variables */
:root {
  /* Street Kingdom カラー */
  --color-primary: #FFD700;        /* 黄色 */
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-gray-dark: #333333;
  --color-gray: #666666;
  --color-gray-light: #AAAAAA;
  --color-border: #E0E0E0;
  
  /* Background & Foreground */
  --background: #000000;
  --foreground: #FFFFFF;
  
  /* デザインフォント（Next.jsのglobals.cssより） */
  --font-udreimin: "UDReiminPro-Light", sans-serif;
  --font-franklin: "FranklinGothicURW-Boo", "FranklinGothicURW-Dem", "Franklin Gothic", sans-serif;
  --font-mincho: "VDL-V7Mincho-Medium", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", serif;
  
  /* フォント */
  --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;
  
  /* スペーシング */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;
  
  /* トランジション */
  --transition-base: 0.3s ease;
  
  /* モック用 */
  --mock-border: 2px dashed #999;
  --mock-bg: #f5f5f5;
}