:root {

  --mega-menu-bar-gap: var(--space-inline-xs);
  --mega-menu-trigger-height: var(--control-height);
  --mega-menu-trigger-padding-x: var(--space-3);
  --mega-menu-trigger-gap: var(--space-inline-sm);
  --mega-menu-trigger-radius: var(--radius-sm);
  --mega-menu-trigger-font-size: var(--font-size-sm, var(--font-size-base));
  --mega-menu-trigger-foreground: hsl(var(--foreground));
  --mega-menu-trigger-background: transparent;

  --mega-menu-trigger-hover-background: initial;
  --mega-menu-trigger-hover-foreground: initial;
  --mega-menu-trigger-open-background: initial;
  --mega-menu-trigger-open-foreground: initial;
  --mega-menu-trigger-current-foreground: initial;
  --mega-menu-trigger-disabled-alpha: 0.5;
  --mega-menu-expand-icon-size: var(--control-icon-size-sm);

  --mega-menu-panel-background: hsl(var(--popover));
  --mega-menu-panel-foreground: hsl(var(--popover-foreground));
  --mega-menu-panel-border-color: hsl(var(--border));
  --mega-menu-panel-border-width: 1px;
  --mega-menu-panel-radius: var(--radius-md);
  --mega-menu-panel-padding: var(--space-6);
  --mega-menu-panel-shadow: var(--shadow-md);
  --mega-menu-panel-offset: 0px;

  --mega-menu-panel-max-height: 70vh;

  --mega-menu-panel-translate: var(--space-1);

  --mega-menu-groups-gap: var(--space-6);
  --mega-menu-group-gap: var(--space-inline-sm);

  --mega-menu-group-min-width: 12rem;
  --mega-menu-group-label-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --mega-menu-group-label-foreground: hsl(var(--muted-foreground));
  --mega-menu-group-description-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --mega-menu-group-description-foreground: hsl(var(--muted-foreground));
  --mega-menu-group-icon-size: var(--control-icon-size-sm);

  --mega-menu-link-gap: var(--space-inline-sm);
  --mega-menu-link-padding-x: var(--space-2);
  --mega-menu-link-padding-y: var(--space-2);
  --mega-menu-link-radius: var(--radius-sm);
  --mega-menu-link-font-size: var(--font-size-sm, var(--font-size-base));
  --mega-menu-link-foreground: hsl(var(--foreground));
  --mega-menu-link-hover-background: initial;
  --mega-menu-link-hover-foreground: initial;
  --mega-menu-link-current-foreground: initial;
  --mega-menu-link-description-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --mega-menu-link-description-foreground: hsl(var(--muted-foreground));
  --mega-menu-link-icon-size: var(--control-icon-size-sm);

  --mega-menu-link-min-height: var(--touch-target-min);

  --mega-menu-panel-footer-gap: var(--space-4);
  --mega-menu-panel-footer-border-color: hsl(var(--border));
}