html {
  /* Variables to force Bulma's dark theme */
  --bulma-scheme-main-bg: #121212;
  --bulma-scheme-main-fg: #e0e0e0;
  --bulma-scheme-main-bis-bg: #1e1e1e;
  --bulma-scheme-main-bis-fg: #e0e0e0;
  --bulma-border: #333;
  --bulma-input-bg: #2a2a2a;
  --bulma-input-fg: #e0e0e0;
  --bulma-input-border: #333;
  --bulma-input-placeholder: #888;
  --bulma-link-fg: #66b2ff;
  --bulma-link-hover-fg: #8bc3ff;
  --bulma-card-bg: #1e1e1e;
  --bulma-card-fg: #e0e0e0;
  --bulma-dropdown-content-bg: #2a2a2a;
  --bulma-dropdown-item-fg: #e0e0e0;
  --bulma-dropdown-item-hover-bg: #333;
  --bulma-dropdown-item-hover-fg: #fff;

  /* Fix for strong and hr elements */
  --bulma-strong-fg: #ffffff;
  --bulma-hr-bg: #333;
  --bulma-label-fg: #e0e0e0;
}

/* 
  Direct overrides for problematic elements as a fallback.
  The !important flag is used to ensure these styles are applied 
  if the CSS variable overrides fail for any reason.
*/
.label, label {
  color: #e0e0e0 !important;
}

hr {
  background-color: #1F2229 !important;
}

strong {
  color: #ffffff !important;
}