@charset "UTF-8";

/*テーマにより変更する値をCSS変数*/
:root {
    --theme_color: rgb(167,7,25); /*テーマメイン色（サイドバー）*/
    --theme_background: beige; /*ページの背景色*/
    --command_bar_background: #a98557; /*コマンドバー背景色*/
    --theme_header_color: rgb(0,105,134); /*ページ上部の領域*/
    --theme_border_color: rgb(110,3,15); /*ボーダーカラー*/
    /* 戻るボタン */
    --preview_button_color: var(--theme_color);
    --preview_button_background: white;
    --preview_button_border: 2px solid var(--theme_color);
    --preview_button_arrow_color: var(--theme_color);
    /* 選択行 背景色 */
    --current_background: rgb(151,228,232);
    /* 塊感のある項目のセパレータの背景色 */
    --separater1_background: rgb(187,27,45); /* 2024/09/04 濃すぎて見にくいので若干あかるくrgb(110,3,15); */
    --separater2_background: var(--theme_color);
    --separater3_background: rgb(202,118,107);
    /* 一覧 */
    --flex-list_border_color: var(--theme_color); /*一覧の枠線*/
    --flex-item_separater_color: plum; /*rgb(110,3,15); /*レスポンシブ時の項目間の下線*/
    --flex-list_background_color_header: rgb(57, 159, 187); /* rgb(63, 161, 189); /* ヘッダ行背景色（テーマに準じる）*/
    --flex-list_background_color_odd: rgb(151,228,232); /* 奇数行背景色（テーマに準じる）*/
    /*下部背景（最後の定義のみ使用）*/
    /* basic.css の内容を書き換えたい場合に定義する */
}