[data-bs-theme="kotami"] {
    --color: #212529;
    --color-gray: rgba(0, 0, 0, .6);
    --color-kotami: #007bc7;
    --color-kotami-hover: #5fafe4;
    --color-kotami-dark: #0069a1;
    --color-green: #008000;
    --color-anchor: #007bff;
    --color-anchor-hover: #0056b3;
    --color-box-shadow: #e5e5e5;
    --color-topictitle: #232323;
    --color-cardcategoryicon: #99c9e6;
    --background-color: #fffdfa;
    --background-color-kotami: #007bc7;
    --background-color-kotami-1: rgba(0, 123, 199, 0.1);
    --background-color-kotami-2: rgba(0, 123, 199, 0.2);
    --background-color-kotami-4: rgba(0, 123, 199, 0.4);
    --background-color-kotami-5: rgba(0, 123, 199, 0.5);
    --background-color-kotami-6: rgba(0, 123, 199, 0.6);
    --background-color-kotami-7: rgba(0, 123, 199, 0.7);
    --background-color-kotami-8: rgba(0, 123, 199, 0.8);
    --background-color-hover: #99c9e6;
    --background-color-even: rgba(0, 0, 0, .05);
    --background-color-area: #f4f8fb;
    --background-color-area-hover: #dfdfdf;
    --background-color-categoryarea: #007bc7;
    --background-color-categoryarea-hover: #5fafe4;
    --border-color: rgba(0, 0, 0, .125);
    --border-color-th: #dee2e6;
    --border-color-kotami: #007bc7;
    --border-color-category: #fff;
    --header-background: linear-gradient(90deg, rgba(88,203,232,1) 0%, rgba(52,129,188,1) 53%, rgba(17,57,145,1) 100%);
    --header-box-shadow: 0px 4px 4px #e5e5e5;
    --area_title-background: linear-gradient(90deg, #6ea0eb 2.08%, #5fafe4 35.42%, #b7cff4 100%);
    --form-color: #495057;
    --form-background-color: #fff;
    --form-border-color: #ced4da;
    --form-placeholder-color: #6c757d;
    --caret-color: auto;
}

[data-bs-theme="dark_blue"] {
    --color: #212529;
    --color-gray: rgba(0, 0, 0, .6); 
    --color-kotami: #0051B7;
    --color-kotami-hover: #3a8fd7;
    --color-kotami-dark: #004a8f;
    --color-green: #008000;
    --color-anchor: #0059d4;
    --color-anchor-hover: #0056b3;
    --color-box-shadow: #e5e5e5;
    --color-topictitle: #232323;
    --color-cardcategoryicon: #99c9e6;
    --background-color: #fffdfa;
    --background-color-kotami: #0051B7;
    --background-color-kotami-1: rgba(0, 81, 183, 0.1);
    --background-color-kotami-2: rgba(0, 81, 183, 0.2);
    --background-color-kotami-4: rgba(0, 81, 183, 0.4);
    --background-color-kotami-5: rgba(0, 81, 183, 0.5);
    --background-color-kotami-6: rgba(0, 81, 183, 0.6);
    --background-color-kotami-7: rgba(0, 81, 183, 0.7);
    --background-color-kotami-8: rgba(0, 81, 183, 0.8); 
    --background-color-hover: #99c9e6;
    --background-color-even: rgba(0, 0, 0, .05);
    --background-color-area: #f4f8fb;
    --background-color-area-hover: #dfdfdf;
    --background-color-categoryarea: #0051B7;
    --background-color-categoryarea-hover: #3a8fd7;
    --border-color: rgba(0, 0, 0, .125);
    --border-color-th: #dee2e6;
    --border-color-kotami: #0051B7;
    --border-color-category: #fff;
    --header-background: linear-gradient(90deg, rgba(35,138,220,1) 0%, rgba(16,77,140,1) 53%, rgba(0,20,70,1) 100%);
    --header-box-shadow: 0px 4px 4px #e5e5e5;
    --area_title-background: linear-gradient(90deg, #3070dc 2.08%, #3a8fd7 35.42%, #7ba0dc 100%);
    --form-color: #495057;
    --form-background-color: #fff;
    --form-border-color: #ced4da;
    --form-placeholder-color: #6c757d;
    --caret-color: auto;
}

[data-bs-theme="dark"] {
    --color: #e8eaed;
    --color-gray: rgba(255, 255, 255, .6);
    --color-kotami: #169eff;
    --color-kotami-hover: #4dd8d9;
    --color-kotami-dark: #0069a1;
    --color-green: #4dd8d9;
    --color-anchor: #fff;
    --color-anchor-hover: #ed5564;
    --color-box-shadow: #171a23;
    --color-topictitle: #fff;
    --color-cardcategoryicon: #4dd8d9;
    --background-color: #1b2340;
    --background-color-kotami: #007bc7;
    --background-color-kotami-1: rgba(0, 123, 199, 0.1);
    --background-color-kotami-2: rgba(0, 123, 199, 0.2);
    --background-color-kotami-4: rgba(0, 123, 199, 0.4);
    --background-color-kotami-5: rgba(0, 123, 199, 0.5);
    --background-color-kotami-6: rgba(0, 123, 199, 0.6);
    --background-color-kotami-7: rgba(0, 123, 199, 0.7);
    --background-color-kotami-8: rgba(0, 123, 199, 0.8);
    --background-color-hover: #324d6b;
    --background-color-even: rgba(255, 255, 255, .05);
    --background-color-area: #2b3355;
    --background-color-area-hover: #324d6b;
    --background-color-categoryarea: #1b2340;
    --background-color-categoryarea-hover: #324d6b;
    --border-color: rgba(255, 255, 255, .125);
    --border-color-th: #495057;
    --border-color-kotami: #fff;
    --border-color-category: #169eff;
    --header-background: linear-gradient(90deg, #3B8D99 0%, #6B6B83 50%, #AA4B6B 100%);
    --header-box-shadow: 0px 4px 13px rgba(0, 0, 0, .17);
    --area_title-background: linear-gradient(90deg, #C33764 0%, #1D2671 100%);
    --form-color: #e8eaed;
    --form-background-color: #35363a;
    --form-border-color: #ced4da;
    --form-placeholder-color: #6c757d;
    --caret-color: #e8eaed;
}

[data-bs-theme="green"] {
    --color: #212529;
    --color-gray: rgba(0, 0, 0, .6);
    --color-kotami: #339162;
    --color-kotami-hover: #43be81;
    --color-kotami-dark: #27754e;
    --color-green: #008000;
    --color-anchor: #141b14;
    --color-anchor-hover: #002200;
    --color-box-shadow: #e5e5e5;
    --color-topictitle: #232323;
    --color-cardcategoryicon: #66c79f;
    --background-color: #fffdfa;
    --background-color-kotami: #339162;
    --background-color-kotami-1: rgba(51, 145, 98, 0.1);
    --background-color-kotami-2: rgba(51, 145, 98, 0.2);
    --background-color-kotami-4: rgba(51, 145, 98, 0.4);
    --background-color-kotami-5: rgba(51, 145, 98, 0.5);
    --background-color-kotami-6: rgba(51, 145, 98, 0.6);
    --background-color-kotami-7: rgba(51, 145, 98, 0.7);
    --background-color-kotami-8: rgba(51, 145, 98, 0.8);
    --background-color-hover: #66c79f;
    --background-color-even: rgba(0, 0, 0, .05);
    --background-color-area: #f4fbf4;
    --background-color-area-hover: #dfdfdf;
    --background-color-categoryarea: #339162;
    --background-color-categoryarea-hover: #43be81;
    --border-color: rgba(0, 0, 0, .125);
    --border-color-th: #dee2e6;
    --border-color-kotami: #339162;
    --border-color-category: #fff;
    --header-background: linear-gradient(90deg, rgb(8, 182, 109) 0%, rgb(12, 129, 80) 53%, rgb(8, 107, 66) 100%);
    --header-box-shadow: 0px 4px 4px #e5e5e5;
    --area_title-background: linear-gradient(90deg, #3fac75 2.08%, #4bb881 35.42%, #60cf98 100%);
    --form-color: #495057;
    --form-background-color: #fff;
    --form-border-color: #ced4da;
    --form-placeholder-color: #6c757d;
    --caret-color: auto;
}

[data-bs-theme="light_green"] {
    --color: #212529;
    --color-gray: rgba(0, 0, 0, .6);
    --color-kotami: #72BB30;
    --color-kotami-hover: #94D450;
    --color-kotami-dark: #5CA628;
    --color-green: #008000;
    --color-anchor: #4A6810;
    --color-anchor-hover: #365000;
    --color-box-shadow: #e5e5e5;
    --color-topictitle: #232323;
    --color-cardcategoryicon: #A8DC75;
    --background-color: #fffdfa;
    --background-color-kotami: #72BB30;
    --background-color-kotami-1: rgba(114, 187, 48, 0.1);
    --background-color-kotami-2: rgba(114, 187, 48, 0.2);
    --background-color-kotami-4: rgba(114, 187, 48, 0.4);
    --background-color-kotami-5: rgba(114, 187, 48, 0.5);
    --background-color-kotami-6: rgba(114, 187, 48, 0.6);
    --background-color-kotami-7: rgba(114, 187, 48, 0.7);
    --background-color-kotami-8: rgba(114, 187, 48, 0.8);
    --background-color-hover: #66c79f;
    --background-color-even: rgba(0, 0, 0, .05);
    --background-color-area: #f6fff1;
    --background-color-area-hover: #dfdfdf;
    --background-color-categoryarea: #72BB30;
    --background-color-categoryarea-hover: #94D450;
    --border-color: rgba(0, 0, 0, .125);
    --border-color-th: #dee2e6;
    --border-color-kotami: #72BB30;
    --border-color-category: #fff;
    --header-background: linear-gradient(90deg, rgb(144,210,72) 0%, rgb(108,175,40) 53%, rgb(67,124,6) 100%);
    --header-box-shadow: 0px 4px 4px #e5e5e5;
    --area_title-background: linear-gradient(90deg, #6bb624 2.08%, #81ca3e 35.42%, #b1d98b 100%);
    --form-color: #495057;
    --form-background-color: #fff;
    --form-border-color: #ced4da;
    --form-placeholder-color: #6c757d;
    --caret-color: auto;
}

[data-bs-theme="gray"] {
    --color: #212529;
    --color-gray: rgba(0, 0, 0, .6);
    --color-kotami: #555555;
    --color-kotami-hover: #777777;
    --color-kotami-dark: #333333;
    --color-green: #008000;
    --color-anchor: #444444;
    --color-anchor-hover: #222222;
    --color-box-shadow: #e5e5e5;
    --color-topictitle: #232323;
    --color-cardcategoryicon: #888888;
    --background-color: #fffdfa;
    --background-color-kotami: #555555;
    --background-color-kotami-1: rgba(85, 85, 85, 0.1);
    --background-color-kotami-2: rgba(85, 85, 85, 0.2);
    --background-color-kotami-4: rgba(85, 85, 85, 0.4);
    --background-color-kotami-5: rgba(85, 85, 85, 0.5);
    --background-color-kotami-6: rgba(85, 85, 85, 0.6);
    --background-color-kotami-7: rgba(85, 85, 85, 0.7);
    --background-color-kotami-8: rgba(85, 85, 85, 0.8);
    --background-color-hover: #888888;
    --background-color-even: rgba(0, 0, 0, .05);
    --background-color-area: #eeeeee;
    --background-color-area-hover: #dfdfdf;
    --background-color-categoryarea: #555555;
    --background-color-categoryarea-hover: #666666;
    --border-color: rgba(0, 0, 0, .125);
    --border-color-th: #dee2e6;
    --border-color-kotami: #555555;
    --border-color-category: #fff;
    --header-background: linear-gradient(90deg, #aaaaaa 0%, #888888 53%, #444444 100%);
    --header-box-shadow: 0px 4px 4px #e5e5e5;
    --area_title-background: linear-gradient(90deg, #444444 2.08%, #888888 35.42%, #aaaaaa 100%);
    --form-color: #495057;
    --form-background-color: #fff;
    --form-border-color: #ced4da;
    --form-placeholder-color: #6c757d;
    --caret-color: auto;
}

.bg-theme-kotami {
  background-color: rgba(0, 123, 199, 0.4);
}

.bg-theme-dark_blue {
  background-color: rgba(0, 81, 183, 0.4);
}

.bg-theme-green {
  background-color: rgba(51, 145, 98, 0.4);
}

.bg-theme-light_green {
  background-color: rgba(114, 187, 48, 0.4);
}

.bg-theme-gray {
  background-color: rgba(85, 85, 85, 0.4);
}