/* 変更したらapp.blade内の読み込み部分のパラメーター更新する */
:root {
    --primary-color: rgb(56, 191, 241);
    --primary-bg-color: rgb(56, 191, 241);
    --light-bg-color: rgba(56, 191, 241, 0.5);
    --primary-btn-bg-color: #1d8fc8;
    --primary-btn-bg-hover-color: #166b96;
    --primary-btn-bg-disabled-color: #4ba3d6;
    --primary-border1: 1px solid rgb(56, 191, 241);
    --primary-border2: 2px solid rgb(56, 191, 241);
    --secondary-color: rgb(56, 191, 241);
    --secondary-bg-color: rgb(56, 191, 241);
    --secondary-border2: 2px solid rgb(56, 191, 241);
    --subtitle-bg-color: #C2E5F2;
    --form-border-color: #00a6de;
    --form-checked-color: #0d6efd;
    --sheettable-border-color: rgb(188, 233, 250);
    --sheettable-highlight-color: #d1f1ff;
    --scrollbar-color: #78aad2;
    --scrollbar-bg-color: rgba(120, 170, 210,0.3);

    /* --primary-color: rgb(80, 11, 16);
    --primary-bg-color: rgb(80, 11, 16);
    --light-bg-color: #AA505A;
    --primary-btn-bg-color: rgb(80, 11, 16);
    --primary-btn-bg-hover-color: #6E141E;
    --primary-btn-bg-disabled-color: rgb(89, 66, 66);
    --primary-border1: 1px solid rgb(80, 11, 16);
    --primary-border2: 2px solid rgb(80, 11, 16);
    --secondary-color: rgb(80, 11, 16);
    --secondary-bg-color: rgb(80, 11, 16);
    --secondary-border2: 2px solid rgb(80, 11, 16);
    --subtitle-bg-color: #E6DCDC;
    --form-border-color: rgb(80, 11, 16);
    --form-checked-color: rgb(80, 11, 16);
    --sheettable-border-color: #E6DCDC;
    --sheettable-highlight-color: #FFF0E6;
    --scrollbar-color: #b09699;
    --scrollbar-bg-color: rgba(120, 170, 210,0.3); */

    --primary-color-personal: rgb(255, 181, 181);
    --primary-bg-color-personal: rgb(255, 181, 181);
    --light-bg-color-personal: rgba(255, 181, 181, 0.5);
    --primary-btn-bg-color-personal: #ff678e;
    --primary-btn-bg-hover-color-personal: #ff4e6b;
    --primary-btn-bg-disabled-color-personal: #ffc1cc;
    --primary-border1-personal: 1px solid rgb(255, 181, 181);
    --primary-border2-personal: 2px solid rgb(255, 181, 181);
    --secondary-color-personal: #ff678e;
    --secondary-bg-color-personal: #ff678e;
    --secondary-border2-personal: 2px solid #ff678e;
    --subtitle-bg-color-personal: #ffd7e9;
    --form-border-color-personal: rgb(255, 181, 181);
    --form-checked-color-personal: #ff4e6b;
    --sheettable-border-color-personal: #ffd7e9;
    --sheettable-highlight-color-personal: #FFE5EC;
    --scrollbar-color-personal: #fc8eac;
    --scrollbar-bg-color-personal: #ffd7e9;

    --primary-color-lite: rgb(63, 179, 168);
    --primary-bg-color-lite: rgb(63, 179, 168);
    --light-bg-color-lite: rgba(63, 179, 168, 0.5);
    --primary-btn-bg-color-lite: #008575;
    --primary-btn-bg-hover-color-lite: #009987;
    --primary-btn-bg-disabled-color-lite: #a8dad4;
    --primary-border1-lite: 1px solid rgb(63, 179, 168);
    --primary-border2-lite: 2px solid rgb(63, 179, 168);
    --secondary-color-lite: #008575;
    --secondary-bg-color-lite: #008575;
    --secondary-border2-lite: 2px solid #008575;
    --subtitle-bg-color-lite: #9cd6d9;
    --form-border-color-lite: rgb(63, 179, 168);
    --form-checked-color-lite: #009987;
    --sheettable-border-color-lite: #9cd6d9;
    --sheettable-highlight-color-lite: #c9f8f3;
    --scrollbar-color-lite: #0dac9c;
    --scrollbar-bg-color-lite: #9cd6d9;
   
}