@charset "UTF-8";
:root {
  --LOGO-COLOR-PRIMARY: #CC0022;
  --LOGO-COLOR-DARK: #666666;
  --LOGO-COLOR-LIGHT: #999999;
}

[data-bs-theme=dark] {
  --LOGO-COLOR-PRIMARY: #ff4455;
  --LOGO-COLOR-DARK: #f0f0f0;
  --LOGO-COLOR-LIGHT: #cccccc;
}

#app-logo .color-trans {
  fill: none;
}
#app-logo .color-main {
  fill: var(--LOGO-COLOR-PRIMARY);
}
#app-logo .color-light {
  fill: var(--LOGO-COLOR-LIGHT);
}
#app-logo .color-dark {
  fill: var(--LOGO-COLOR-DARK);
}

/* --- Loading Overlay Styles --- */
.loading-overlay {
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.85);
  /* BS5にない「質感」のみを定義 */
  backdrop-filter: blur(5px);
}

.loading-content {
  text-align: center;
}
