@charset "UTF-8";

:root {
    /* ヘッダ色 */
    --header-color: #FFF; /* ヘッダ色 */
    --header-text-color: #000; /* ヘッダ色の補色 */

    /* 背景色  */
    --background-color: #f1f1f1; /* 背景色 */
    --background-color-dark: #e0e0e0; /* 背景色を少し暗く */
    --band-btn-bg-color: #0e0e0e; /* 背景色の補色 */
    --copyright-text-color: #808080; /* 調和色(背景色と補色の中間色) */

    /* コンテンツ背景色 */
    --content-background-color: #FFF; /* コンテンツ背景色 */
    --edit-text-color: #000; /* コンテンツ背景色の補色 */

    --title-color: #83f94b; /* タイトル色 */

    /* ボタン文字色 */
    --button-text-color: #000; /* ボタン文字色 */
    --button-background-color: #fff; /* ボタン文字色の補色 */

    /* 本人コメント */
    --honnin-comment-text: #606060;
    --honnin-comment-fields: #c8f5b4;

    --body-text-color: #606060; /* 本文文字色 */
    --title-horizontal-alignment: center; /* タイトル水平位置 */
}