/* ソフト */
:root {
    --main-color: #FFE082; /* メインカラー: ソフトな黄色 */
    --main-color-fore: #000000; /* メインカラーの前景色: 黒 */
    --main-color-light: #ffff62; /* 明るいメインカラー */
    --main-color-light-fore: #000000; /* 明るいメインカラーの前景色: 黒 */
    --main-color-dark: #FFCA28; /* 暗いメインカラー */
    --main-color-dark-fore: #000000; /* 暗いメインカラーの前景色: 黒 */

    --gradation-main-light: #FFF9C4;
    --gradation-main-dark: #FFE082;

    --accent-color: #EF5350; /* アクセントカラー: ソフトな赤 */
    --accent-color-fore: #000000; /* アクセントカラーの前景色: 黒 */
    --accent-color-light: #EF9A9A; /* 明るいアクセントカラー */
    --accent-color-light-fore: #000000; /* 明るいアクセントカラーの前景色: 黒 */

    --breadcrumb-custom-bg-color: #FFE082; /* パンくずリストの背景色: ソフトな黄色 */
    --breadcrumb-custom-color: #000000; /* パンくずリストの色: 黒 */

    --loading-color: #ffe600; /* ローディングカラー: ソフトな赤 */

    --sample-color: #000000; /* サンプルカラー: 黒 */
    --sample-bg-color: #FFE082; /* サンプル背景色: ソフトな黄色 */

    --button-hover-shadow-color: rgba(239, 83, 80, 0.5); /* ボタンホバーの影の色: 半透明のソフトな赤 */

    --tr-odd-bg-color: #FFF9C4; /* 奇数行の背景色: 明るいソフトな黄色 */
}


/* はっきり */
/*:root {*/
/*    --main-color: #FFD700; !* Main color: Yellow *!*/
/*    --main-color-fore: #000000; !* Foreground color for the main color: Black *!*/
/*    --main-color-light: #FFEC8B; !* Lighter main color *!*/
/*    --main-color-light-fore: #000000; !* Foreground color for the lighter main color: Black *!*/
/*    --main-color-dark: #DAA520; !* Darker main color *!*/
/*    --main-color-dark-fore: #000000; !* Foreground color for the darker main color: Black *!*/

/*    --accent-color: #FF0000; !* Accent color: Red *!*/
/*    --accent-color-fore: #000000; !* Foreground color for the accent color: Black *!*/
/*    --accent-color-light: #FFA07A; !* Lighter accent color *!*/
/*    --accent-color-light-fore: #000000; !* Foreground color for the lighter accent color: Black *!*/

/*    --breadcrumb-custom-bg-color: #FFD700; !* Breadcrumb background color: Yellow *!*/
/*    --breadcrumb-custom-color: #000000; !* Breadcrumb color: Black *!*/

/*    --loading-color: #FF0000; !* Loading color: Red *!*/

/*    --sample-color: #000000; !* Sample color: Black *!*/
/*    --sample-bg-color: #FFD700; !* Sample background color: Yellow *!*/

/*    --button-hover-shadow-color: rgb(255, 0, 0, 0.5); !* Button hover shadow color: Semi-transparent Red *!*/
/*}*/


/* 初期設定 */
/*:root {*/
/*    --main-color: #ffe9a5;*/
/*    --main-color-fore: #000000;*/
/*    --main-color-light: #fffadb;*/
/*    --main-color-light-fore: #000000;*/
/*    --main-color-dark: #d9b900;*/
/*    --main-color-dark-fore: #ffffff;*/

/*    --gradation-main-light: #ffe9a5;*/
/*    --gradation-main-dark: #f8edcd;*/

/*    --accent-color: #df6045;*/
/*    --accent-color-fore: #000000;*/
/*    --accent-color-light: #efb4a7;*/
/*    --accent-color-light-fore: #000000;*/

/*    --breadcrumb-custom-bg-color: #ffe9a5;*/
/*    --breadcrumb-custom-color: #525252;*/

/*    --loading-color: #ffff00;*/

/*    --sample-color: #000000;*/
/*    --sample-bg-color: #ffe9a5;*/

/*    --button-hover-shadow-color: rgb(37 137 208 / 50%);*/
/*}*/