/**
 * Buefy 0.7 ↔ Bulma 1.x compatibility shim.
 *
 * Bulma 1.x scopes most component CSS custom properties to the component's
 * root class (all --bulma-dropdown-* live inside `.dropdown {}`), so they
 * only cascade into that component's own DOM subtree. Buefy 0.7.x, however,
 * was authored against Bulma 0.7's SASS-only variables and emits Bulma's
 * child class names (.dropdown-menu, .dropdown-content, .dropdown-item)
 * inside its OWN parents (.b-autocomplete, .b-select, .taginput, …) — never
 * inside a real .dropdown. The cascade therefore can't reach the Bulma vars,
 * `var(--bulma-dropdown-*)` resolves to the empty token, those declarations
 * are dropped, and the affected widget renders with no background, shadow,
 * padding, border-radius, or z-index.
 *
 * This file lifts the .dropdown component tokens to :root so the cascade
 * always resolves them, no matter which DOM subtree the Buefy widget lives
 * in. Bulma's own `.dropdown { … }` rule still applies inside genuine Bulma
 * dropdowns (same specificity, same values, no behavior change) — we add a
 * global default, we don't remove Bulma's scoped override.
 *
 * Delete this file the day the codebase migrates to Buefy 3 (which renders
 * with Vue 3 Teleport and reads only :root-level Bulma theme tokens).
 *
 * Extend this file to other components (.button, .input, .notification, …)
 * if they show the same scope-orphan symptom — start narrow, expand as found.
 */
:root {
  --bulma-dropdown-menu-min-width: 12rem;
  --bulma-dropdown-content-background-color: var(--bulma-scheme-main);
  --bulma-dropdown-content-offset: 0.25rem;
  --bulma-dropdown-content-padding-bottom: 0.5rem;
  --bulma-dropdown-content-padding-top: 0.5rem;
  --bulma-dropdown-content-radius: var(--bulma-radius);
  --bulma-dropdown-content-shadow: var(--bulma-shadow);
  --bulma-dropdown-content-z: 20;
  --bulma-dropdown-item-h: var(--bulma-scheme-h);
  --bulma-dropdown-item-s: var(--bulma-scheme-s);
  --bulma-dropdown-item-l: var(--bulma-scheme-main-l);
  --bulma-dropdown-item-background-l: var(--bulma-scheme-main-l);
  --bulma-dropdown-item-background-l-delta: 0%;
  --bulma-dropdown-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-dropdown-item-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-dropdown-item-color-l: var(--bulma-text-strong-l);
  --bulma-dropdown-item-selected-h: var(--bulma-link-h);
  --bulma-dropdown-item-selected-s: var(--bulma-link-s);
  --bulma-dropdown-item-selected-l: var(--bulma-link-l);
  --bulma-dropdown-item-selected-background-l: var(--bulma-link-l);
  --bulma-dropdown-item-selected-color-l: var(--bulma-link-invert-l);
  --bulma-dropdown-divider-background-color: var(--bulma-border-weak);
}