@charset "UTF-8";

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

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

    /* コンテンツ背景色 */
    /* --content-background-color: #FFFFFF;  コンテンツ背景色 */
    --content-background-color: rgba(255, 255, 255, 0.7);
    --content-background-color-dark: #F5F5F5; /* コンテンツ背景色を少し暗く */
    --edit-text-color: #000; /* コンテンツ背景色の補色 */
    --content-harmony-color: #888888; /* 調和色(コンテンツ背景色と補色の中間色) */

    /* ダイアリー背景色 */
    --diary-background-color-dark: rgba(255, 255, 255, 0.7);

    --title-color: #000; /* タイトル色 */
    --tag-color: #e42c8a; /* タグ色 */

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

    /* 本人コメント */
    --honnin-comment-text: #FFF;
    --honnin-comment-fields: rgba(56, 56, 56, 1);

    /* いいね */
    --like-done: #FF0000;
    --honnin-like-done: #e42c8a;

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