:root {
    /* カラーパレット */
    --primary-color: #3498db;     /* メインカラー */
    --secondary-color: #2ecc71;   /* アクセントカラー */
    --dark-color: #2c3e50;        /* 暗い色（テキストなど） */
    --light-color: #ecf0f1;       /* 明るい色（背景など） */
    --gray-color: #95a5a6;        /* グレー（補助色） */
    --danger-color: #e74c3c;      /* 警告・エラー色 */
    
    /* フォント */
    --main-font: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    --heading-font: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    
    /* フォントサイズ */
    --font-size-xs: 0.75rem;      /* 12px */
    --font-size-sm: 0.875rem;     /* 14px */
    --font-size-md: 1rem;         /* 16px */
    --font-size-lg: 1.25rem;      /* 20px */
    --font-size-xl: 1.5rem;       /* 24px */
    --font-size-xxl: 2rem;        /* 32px */
    
    /* スペーシング */
    --spacing-xs: 0.25rem;        /* 4px */
    --spacing-sm: 0.5rem;         /* 8px */
    --spacing-md: 1rem;           /* 16px */
    --spacing-lg: 1.5rem;         /* 24px */
    --spacing-xl: 2rem;           /* 32px */
    --spacing-xxl: 3rem;          /* 48px */
    
    /* ブレイクポイント */
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    
    /* その他 */
    --border-radius: 4px;
    --box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    --transition-speed: 0.3s;
}