/**
 * タイトルコンポーネント（c-）
 * BEM設計方針：すべての値は変数を使用
 */

.c-title {
    /* タイトルのベーススタイル */
    font-family: var(--font-family-serif);
    color: var(--color-main);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    margin-bottom: var(--spacing-4);
}

.c-title--large {
    /* 大きなタイトル */
    font-size: var(--font-size-xxxl);
    margin-bottom: var(--spacing-6);
}

.c-title--medium {
    /* 中サイズのタイトル */
    font-size: var(--font-size-xxl);
    margin-bottom: var(--spacing-5);
}

.c-title--small {
    /* 小さなタイトル */
    font-size: var(--font-size-xl);
    margin-bottom: var(--spacing-4);
}