:root {
    /* ブランドカラー */
    --clr-primary: #007bff;
    --clr-secondary: #6c757d;
    --clr-accent: #ffc107;

    /* ニュートラルカラー (背景、テキストなど) */
    --clr-wht: #ffffff;
    --clr-blk: #333;
    --clr-light-gray: #f8f9fa;
    --clr-gray: #dee2e6;
    --clr-dark-gray: #343a40;

    /*TOP*/
    --swiper-theme-color: #ffffff;

    /* セマンティックカラー (状態を示す) */
    /* 成功、承認 (緑) */
    --clr-success: #28a745;
    /* 情報、お知らせ (水色) */
    --clr-info: #17a2b8;
    /* 警告、注意 (黄) */
    --clr-warning: #ffc107;
    /* エラー、危険 (赤) */
    --clr-danger: #dc3545;

    /* テキストカラー */
    --clr-txt: var(--clr-dark-gray);
    --clr-txt-light: var(--clr-white);
    --clr-txt-muted: #6c757d;

    /* ブロックカラー */
    --clr-footer: var(--clr-wht);
    --clr-copyright: var(--clr-blk);
    --clr-copyright-txt: var(--clr-wht);

    /*SP用メニュー*/
    --clr-sp-menu-txt: var(--clr-wht);
    --clr-sp-menu-bg: rgba(0, 0, 0, .8);
}