body.topcool {
  --text-color: #252525;
  --bg-color: #fff;
}

/* ダーク 変数系*/
@media (prefers-color-scheme: dark) {

  body.topcool {
    color-scheme: dark;
    --text-color: #ddd;
    --link-color:#99c3ff;
    --bg-color: #3c3c3c;
    --less-dark: #5e5e5e;
    --more-dark: #262626;
    --border-color: #444;

    --bs-body-color: #ddd;
    --bs-card-bg: #5e5e5e;
  }

  body.farmlist #sp-top-bar{background: var(--less-dark);}
  body.farmlist .bg-stripe {
  background: url(/images/svg/diamond-sunset-dark.svg) repeat;
  border-color: rgba(163, 163, 163, 0.4);
  }
  body.farmlist .burger-icon>span{background-color: var(--text-color);}

  body.farmlist .table {
    --bs-table-bg: #1e1e1e;
    --bs-table-striped-bg: #262626;
    --bs-table-striped-color: #e5e5e5;
    --bs-table-color: #e5e5e5;
    --bs-table-border-color: var(--border-color);
  }

  body.farmlist h2{
    background-color: var(--more-dark);
    border: var(--border-color);
  }

  body.farmlist #sp-footer,
  body.farmlist #sp-bottom{
    background: var(--more-dark);
    color: var(--text-color);
  }
  body.farmlist #sp-footer a,
  body.farmlist #sp-bottom a{
    color: var(--link-color);
  }

  body.farmlist .btn{--bs-btn-color:var(--text-color);}
  body.farmlist .card{
    --bs-card-bg:var(--more-dark);
    --bs-card-color:var(--text-color);
  }
  body.farmlist .text-white{color: var(--text-color) !important;}

  body.farmlist #map{filter: grayscale(40%);}

  body.farmlist #home-logo::before, #home-search::before {
    background: rgba(0, 0, 0, 0.7);
  }
  body.farmlist .chip{
    background: var(--bg-color);
    color: var(--text-color);
  }
  img[src*="search.svg"] {filter: invert(1);}
  img[src*="instagram_wide_icon.svg"] {filter: invert(1);}
  img[src*="youtube_wide_icon.svg"] {filter: invert(1);}

}

/* 実際の適用 */
body.farmlist,
body.farmlist #sp-header,
body.farmlist .offcanvas-menu,
body.farmlist .farm-modal-body {
  color: var(--text-color);
  background-color: var(--bg-color);
}