:root {
    /* テーマ変更で変更可能部分 */

    /*ベースカラー*/
    --paper: #ffffff;
    /*背景色*/
    --crow: #231815;
    /*前衛色1（カード内の前衛色 etc.）*/
    --smoke: #494d53;
    /*前衛色2（html前衛色 etc.）*/
    --stone: #81838e;
    /*前衛色3*/

    /*テーマカラー*/
    --theme: #ffad0f;

    /*背景*/
    --bg-paper: var(--paper);
    --hover-bg-paper: #f4f4f4;
    /*背景色ホバー時*/

    /*間仕切り*/
    --shadow-cl: rgba(175, 175, 175, 0.3);

    /*左サイド「info」：背景色*/
    --bg-info: #f4f4f4;

    /*左サイド「info」：レベルのバー*/
    --exp-border: var(--paper);
    /*ボーダー色*/
    --exp-deep: var(--theme);
    /*グラデーション濃色*/
    --exp-pale: #f7f3a9;
    /*グラデーション淡色*/

    /**ポストカテゴリー別　カラー*/
    --participant: #8fc31f;
    /*参加者*/
    --staff: #ffad0f;
    /*スタッフ*/
    --donation: #26a8c5;
    /*寄付寄贈*/

    /*ボタンのボーダー*/
    --border: #e1ecd9;

    /*「＋ポストする」ボタン（背景＝テーマカラー）の前衛色*/
    --theme-button-cl: var(--paper);

    /*エレメント（input）*/
    --bg-input: var(--bg-info);
    /*背景色*/
    --input-cl: var(--crow);
    /*前衛色*/

    /*プレースホルダー、検索窓のアイコン（虫メガネ）の前衛色*/
    --placeholder: #878787;

    /*ラベルの前衛色（チェックボックスのラベル含む）*/
    --disabled: var(--placeholder);

    /*リンク（タグ、部分的なリンク）の前衛色*/
    --focus: #2680eb;

    /*注釈テキストの前衛色*/
    --success: #009280;
    /*（success）*/
    --danger: #ff4b4b;
    /*必須文字、エラーメッセージ*/

    /*ステータスボタンのデフォルト背景色*/
    --bg-inactive: var(--bg-info);
    /*#e9e8e8;*/

    /* themeの色を透明に淡くした色 */
    --active-cl:#ffad0f75;
}