:root {

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

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

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

    /*サイト下部メニューの文字色*/
    --link-color: #333333;

    /*メニューにカーソルを当てたときの文字色*/
    --link-color-hover: #3c6cb5;

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

    /*サイトタイトルの文字色*/
    --h1-color: #3c6cb5;

    /*各見出しの文字色*/
    --h-color : #CCC2C2;

    /*フッターの文字色*/
    --footer-text-color: #ffffff;


    /*======================================
        背景色、ボタンの色など
    ======================================*/

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

    /*フッターの色*/
    --footer-color: #3c6cb5;

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

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

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

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

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

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

}