/* 
  Consuming apps can expect these variables to exist and use them directly - much like the colors.css file.
  We shouldn't resort to using this for every case where we want 2 or more components to share a style.
*/
:root {
  --menu-panel-border: 1px solid var(--menu-panel-border-color);
  --menu-panel-shadow: 0px 16px 40px var(--menu-panel-shadow-color);
  --menu-panel-radius: 4px;
  --menu-panel-vertical-padding: 4px;
  --menu-clickable-color: var(--global-text-primary);
  --menu-clickable-font-size: 12px;
  --menu-clickable-font-weight: 400;
  --menu-clickable-disabled: 0.5;
  --menu-clickable-vertical-padding: 6px;
}