:root {

    /* 変更したい箇所のカラーコードを書き換えてください*/

    /*======================================
        文字色
    ======================================*/

    /*ベースの文字色*/
    --text-color: #333333;

    /*サイト名の文字色*/
    --site-title-color: #333333;

    /*リンクの文字色*/
    --link-text-color: #5363b3;




    /*詳細ページライセンスの文字色*/
    --license-text-color: #797979;


    /*======================================
        背景色
    ======================================*/

    /*サイト全体の背景色*/
    --bg-color: #ebebeb;


    /* --- サイトの背景を画像にする場合は下記を編集 --- */
    /* 画像を使う場合は url('画像パス') 、色だけなら背景色と同じ色を入れる */
    --bg-image: url('../../image/bg-image.webp');

    /* 背景をぼかす強さ (0px でぼかしなし) */
    --bg-blur: 5px;

    /* 画像の明るさ (100% が通常、50% で暗くなる) */
    --bg-brightness: 100%;



    /*各セクションの背景色*/
    --bg-section-color: #ffffff;


    /*======================================
        システム名ラベル
    ======================================*/
    /* ラベル色 */
    --system-name-color-green: #c3e7c4;
    --system-name-color-orange: #ffe0c5;
    --system-name-color-blue: #abb6e1;
    --system-name-color-purple: #e2bfeb;
    --system-name-color-red: #e1b3b3;
    --system-name-color-skyblue: #bcebf1;
    --system-name-color-yellow: #f0f3b9;

    /* 文字色 */
    --system-name-color: #333333;


    /*======================================
        セッション日付
    ======================================*/
    /* 文字色 */
    --session-date-color: #747474;


    /*======================================
        メモ背景色
    ======================================*/
    /* 背景色 */
    --session-memo-color: #fdf1df;




    /*======================================
        ボタン
    ======================================*/

    /*ボタン 枠の色*/
    --button-border-color: #4F4141;

    /*ボタン 背景色*/
    --button-bg-color: transparent;

    /*ボタン 文字色*/
    --button-text-color: #4F4141;

    /*ボタン 選択中の枠の色*/
    --button-border-color-active: #4F4141;

    /*ボタン 選択中の背景色*/
    --button-bg-color-active: #4F4141;

    /*ボタン 選択中の文字色*/
    --button-text-color-active: #ffffff;

}