/* サイト全体共通スタイル：CSS 変数とフォント、ベース要素のみ。
   ナビ・フッタ等のレイアウトは site.css に集約する。*/

:root {
    --primary-color: #0F3F83;
    --primary-dark:  #0a2d5e;
    --bg-light:      #f4f7f9;
    --white:         #ffffff;
    --transition:    all 0.3s ease;

    /* tier アクセントカラー */
    --sample-color:   #00b894;
    --standard-color: #0984e3;
    --premium-color:  #FFD21F;

    /* デフォルト = sample */
    --accent-color: var(--sample-color);
}

body {
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    background-color: var(--bg-light);
    color: #333;
}

h1, h2, h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

/* tier 切替：body[data-tier="..."] でアクセント色を入れ替える */
body[data-tier="sample"]   { --accent-color: var(--sample-color); }
body[data-tier="standard"] { --accent-color: var(--standard-color); }
body[data-tier="premium"]  { --accent-color: var(--premium-color); }