:root {
    --main-color: #D5E10B; /* メインカラー: ロゴの黄色 */
    --main-color-fore: #201512; /* メインカラーの前景色: ロゴの黒 */
    --main-color-light: #F2F86A; /* 明るいメインカラー */
    --main-color-light-fore: #201512; /* 明るいメインカラーの前景色: ロゴの黒 */
    --main-color-dark: #A8B009; /* 暗いメインカラー */
    --main-color-dark-fore: #201512; /* 暗いメインカラーの前景色: ロゴの黒 */

    --gradation-main-light: #F5FBAB; /* グラデーション用の明るい黄色 */
    --gradation-main-dark: #D5E10B; /* グラデーション用の暗め黄色 */

    --accent-color: #C9030F; /* アクセントカラー: ロゴの赤（ロゴには赤は見えませんが、元CSSにあるので残す場合） */
    --accent-color-fore: #FFFFFF; /* アクセントカラーの前景色: 白 */
    --accent-color-light: #E57373; /* 明るいアクセントカラー */
    --accent-color-light-fore: #201512; /* 明るいアクセントカラーの前景色: ロゴの黒 */

    --breadcrumb-custom-bg-color: #D5E10B; /* パンくずリストの背景色: ロゴの黄色 */
    --breadcrumb-custom-color: #201512; /* パンくずリストの色: ロゴの黒 */

    --loading-color: #D5E10B; /* ローディングカラー: ロゴの黄色 */

    --sample-color: #201512; /* サンプルカラー: ロゴの黒 */
    --sample-bg-color: #D5E10B; /* サンプル背景色: ロゴの黄色 */

    --button-hover-shadow-color: rgba(201, 3, 15, 0.5); /* ボタンホバーの影の色: 半透明の赤 */

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