/* 変更したらapp.blade内の読み込み部分のパラメーター更新する */
:root {
    --primary-color: #004680;
    --primary-bg-color: #004680;
    --light-bg-color: rgba(0, 70, 128, 0.5);
    --primary-btn-bg-color: #004680;
    --primary-btn-bg-hover-color: #005a99;
    --primary-btn-bg-disabled-color: #A1B8C6;
    --primary-border1: 1px solid #004680;
    --primary-border2: 2px solid #004680;
    --secondary-color: #004680;
    --secondary-bg-color: #004680;
    --secondary-border2: 2px solid #004680;
    --subtitle-bg-color: #DCE4EF;
    --form-border-color: #004680;
    --form-checked-color: #004680;
    --sheettable-border-color: #B9C9DE;
    --sheettable-highlight-color: #d1f1ff;
    --scrollbar-color: #A7BCD6;
    --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;
}