@charset "UTF-8";

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

    /* 背景色  */
    --background-color: #000; /* 背景色 */
    --band-btn-bg-color: #FFF; /* 背景色の補色 */
    --copyright-text-color: #808080; /* 調和色(背景色と補色の中間色) */

    /* コンテンツ背景色 */
    --content-background-color: #E8E8E8; /* コンテンツ背景色 */
    --content-background-color-dark: #f6f6f6; /* コンテンツ背景色を少し暗く*/
    --edit-text-color: #171717; /* コンテンツ背景色の補色 */

    --title-color: #05c8e8; /* タイトル色 */

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

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

}