/*
 * テーマカスタマイザー設定
 * このファイルはWordPress管理画面のテーマカスタマイザーから自動生成されました
 * 生成日時: 2025-07-31 03:41:53
 * 前回更新: 2025-07-31 03:26:26
 * 手動編集は推奨されません。設定変更は管理画面から行ってください。
 */

:root {
    /* ブランドカラー - ボタン、ヘッダーなどのメインカラー */
    --barom-brand-color: #33b8b3;
    /* テキストカラー - 本文の文字色 */
    --barom-text-color: #3f3f3f;
    /* 見出しカラー - 見出しの文字色 */
    --barom-heading-color: #333333;
    /* アクセントカラー - ホバー効果、強調色 */
    --barom-accent-color: #d0d82d;
    /* リンクカラー - リンクの文字色 */
    --barom-link-color: #003f4c;
    /* リンクホバーカラー - リンクのホバー色 */
    --barom-link-hover-color: #d0d82d;
    /* 基本フォントファミリー */
    --barom-base-font-family: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
    /* 見出しフォントファミリー */
    --barom-heading-font-family: 'Times New Roman', 'Times', serif;
    /* 基本フォントサイズ */
    --barom-base-font-size: 1rem;
    /* 見出し1のフォントサイズ */
    --barom-heading-size-h1: 3em;
    /* 見出し2のフォントサイズ */
    --barom-heading-size-h2: 2em;
    /* 見出し3のフォントサイズ */
    --barom-heading-size-h3: 1.5em;
}

/*
 * 基本スタイル
 * これらのスタイルはCSS変数を使用して動的に変更されます
 */

/* ボディテキスト */
body {
    color: var(--barom-text-color);
    font-family: var(--barom-base-font-family);
    font-size: var(--barom-base-font-size);
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    color: var(--barom-heading-color);
    font-family: var(--barom-heading-font-family);
}

h1 { font-size: var(--barom-heading-size-h1); }
h2 { font-size: var(--barom-heading-size-h2); }
h3 { font-size: var(--barom-heading-size-h3); }

/* リンク */
a {
    color: var(--barom-link-color);
}

a:hover {
    color: var(--barom-link-hover-color);
}

/* ボタン */
.wp-block-button .wp-block-button__link {
    background-color: var(--barom-brand-color);
    border-color: var(--barom-brand-color);
}