/* Tippy.js Light Theme (Inlined) */

.tippy-box[data-theme~=light] {
  color: #26323d; /* Equivalent to text-gray-700 or 800 */
  box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
  background-color: #fff;
}
.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #fff;
}
.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
  border-bottom-color: #fff;
}
.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
  border-left-color: #fff;
}
.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
  border-right-color: #fff;
}
.tippy-box[data-theme~=light]>.tippy-backdrop { /* For animated backdrops, if used */
  background-color: #fff;
}
.tippy-box[data-theme~=light]>.tippy-svg-arrow { /* For SVG arrows */
  fill: #fff;
}

/* Tippy.js Tailwind Dark Theme (Custom) */
.tippy-box[data-theme~="tailwind-dark"] {
  color: #d1d5db; /* Tailwind gray-300 */
  /* A simpler shadow for dark mode, consider Tailwind's shadow utilities if applying via JS is an option */
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(255,255,255,0.1); /* Subtle shadow with a light border */
  background-color: #1f2937; /* Tailwind gray-800 */
  border: 1px solid #374151; /* Tailwind gray-700 border */
}
.tippy-box[data-theme~="tailwind-dark"][data-placement^=top]>.tippy-arrow:before {
  border-top-color: #1f2937;
}
.tippy-box[data-theme~="tailwind-dark"][data-placement^=bottom]>.tippy-arrow:before {
  border-bottom-color: #1f2937;
}
.tippy-box[data-theme~="tailwind-dark"][data-placement^=left]>.tippy-arrow:before {
  border-left-color: #1f2937;
}
.tippy-box[data-theme~="tailwind-dark"][data-placement^=right]>.tippy-arrow:before {
  border-right-color: #1f2937;
}
.tippy-box[data-theme~="tailwind-dark"]>.tippy-backdrop {
  background-color: #1f2937; /* Or a semi-transparent dark color */
}
.tippy-box[data-theme~="tailwind-dark"]>.tippy-svg-arrow {
  fill: #1f2937;
}